PluginStatsReact/Redux/react-router Snippets installs statistics
By discountry · VS Code Marketplace · Snippets
React Ecosystem code snippets all in one
React/Redux/react-router Snippets has 285,712 recorded installs on VS Code Marketplace, ranking #1191 of 2,502 tracked listings.
Rating: 5.00 / 5 from 3 ratings
About React/Redux/react-router Snippets
React/Redux/react-router Snippets 
Useful React Ecosystem snippets for Visual Studio Code, including:
- Quick import
- React
- Redux
- react-redux
- react-router
Screenshot
Usage
import
| Trigger | Content |
|---|---|
imr | import React from 'react' |
imrc | import React, { Component } from 'react' |
imd | import { render } from 'react-dom' |
impt | import PropTypes from 'prop-types' |
imc | import ${1:componentName} from './Components/${1:componentName}' |
imconnect | import { connect } from 'react-redux' |
improvider | import { Provider } from 'react-redux' |
imcreateSelector | import { createSelector } from 'reselect' |
imrr | import { BrowserRouter, Route } from 'react-router-dom' |
imnl | import { NavLink } from 'react-router-dom' |
imwr | import { withRouter } from 'react-router-dom' |
React
| Trigger | Content |
|---|---|
rcc→ | class component skeleton |
rccp→ | class component skeleton with prop types after the class |
rcjc→ | class component skeleton without import and default export lines |
rcfc→ | class component skeleton that contains all the lifecycle methods |
rsc→ | stateless component skeleton |
rscp→ | stateless component with prop types skeleton |
rpt→ | empty propTypes declaration |
spt→ | static propTypes = {} |
sdp→ | static defaultProps = {} |
con→ | class default constructor with props |
conc→ | class default constructor with props and context |
est→ | empty state object |
st→ | Creates empty state object with ES7 synTax |
cwm→ | componentWillMount method |
cdm→ | componentDidMount method |
cwr→ | componentWillReceiveProps method |
scu→ | shouldComponentUpdate method |
cwup→ | componentWillUpdate method |
cdup→ | componentDidUpdate method |
cwun→ | componentWillUnmount method |
cdc→ | componentDidCatch method |
ren→ | render method |
sst→ | this.setState with object as parameter |
ssf→ | this.setState with function as parameter |
props→ | this.props |
state→ | this.state |
bnd→ | binds the this of method inside the constructor |
pta→ | PropTypes.array, |
ptar→ | PropTypes.array.isRequired, |
ptb→ | PropTypes.bool, |
ptbr→ | PropTypes.bool.isRequired, |
ptf→ | PropTypes.func, |
ptfr→ | PropTypes.func.isRequired, |
ptn→ | PropTypes.number, |
ptnr→ | PropTypes.number.isRequired, |
pto→ | PropTypes.object., |
ptor→ | PropTypes.object.isRequired, |
pts→ | PropTypes.string, |
ptsr→ | PropTypes.string.isRequired, |
ptnd→ | PropTypes.node, |
ptndr→ | PropTypes.node.isRequired, |
ptel→ | PropTypes.element, |
ptelr→ | PropTypes.element.isRequired, |
pti→ | PropTypes.instanceOf(ClassName), |
ptir→ | PropTypes.instanceOf(ClassName).isRequired, |
pte→ | PropTypes.oneOf(['News', 'Photos']), |
pter→ | PropTypes.oneOf(['News', 'Photos']).isRequired, |
ptet→ | PropTypes.oneOfType([PropTypes.string, PropTypes.number]), |
ptetr→ | PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, |
ptao→ | PropTypes.arrayOf(PropTypes.number), |
ptaor→ | PropTypes.arrayOf(PropTypes.number).isRequired, |
ptoo→ | PropTypes.objectOf(PropTypes.number), |
ptoor→ | PropTypes.objectOf(PropTypes.number).isRequired, |
ptsh→ | PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}), |
ptshr→ | PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}).isRequired, |
Redux
| Trigger | Content |
|---|---|
rat | Redux constant(actionTypes) |
rac | Redux actionCreator |
reducer | Redux reducer |
store | Redux store |
selector | Redux selector |
react-redux
| Trigger | Content |
|---|---|
imconnect | import { connect } from 'react-redux' |
improvider | import { Provider } from 'react-redux' |
provider | react-redux Provider Container |
mstp | mapStateToProps |
mdtp | mapDispatchToProps |
connect | react-redux connect React Component |
container | Redux container |
react-router
| Trigger | Content |
|---|---|
imrr | import { BrowserRouter as Router, Route } from 'react-router-dom' |
imnl | import { NavLink } from 'react-router-dom' |
imwr | import { withRouter } from 'react-router' |
router | react-router Router template |
route | react-router Route component |
navlink | react-router NavLink component |
Contributors
Acknowledgments…
Description from the VS Code Marketplace listing.
- javascript
- snippet
README badge
Show your rank in a README or on your website. The badge updates automatically.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Ratings over time
Listing placement
Listing placement
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Each band is one page of 20. Installs on a linear scale. Placement is projected from installs, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Recent observations
Full history (6)Similar VS Code Marketplace Snippets plugins
All 20 React/Redux/react-router Snippets alternativesData source
Install counts, average rating, and rating counts come from the public Visual Studio Marketplace gallery API. Installs are cumulative and exclude updates.
Listing: https://marketplace.visualstudio.com/items?itemName=discountry.react-redux-react-router-snippets. First seen Oct 16, 2026; last successful collection Oct 21, 2026. See the methodology.