{"id":15652005,"url":"https://github.com/discountry/vscode-react-redux-react-router-snippets","last_synced_at":"2025-04-30T20:06:45.821Z","repository":{"id":80033032,"uuid":"93989948","full_name":"discountry/vscode-react-redux-react-router-snippets","owner":"discountry","description":"vscode-react-redux-react-router-snippets","archived":false,"fork":false,"pushed_at":"2023-05-13T08:25:10.000Z","size":368,"stargazers_count":31,"open_issues_count":1,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-30T20:06:36.905Z","etag":null,"topics":["react","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=discountry.react-redux-react-router-snippets","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/discountry.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-11T07:52:33.000Z","updated_at":"2023-05-13T08:25:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"c12e4f0f-a661-4963-aa04-741452b6a8b9","html_url":"https://github.com/discountry/vscode-react-redux-react-router-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/discountry%2Fvscode-react-redux-react-router-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/discountry%2Fvscode-react-redux-react-router-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/discountry%2Fvscode-react-redux-react-router-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/discountry%2Fvscode-react-redux-react-router-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/discountry","download_url":"https://codeload.github.com/discountry/vscode-react-redux-react-router-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251774894,"owners_count":21641731,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","vscode-extension"],"created_at":"2024-10-03T12:40:54.916Z","updated_at":"2025-04-30T20:06:45.799Z","avatar_url":"https://github.com/discountry.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# React/Redux/react-router Snippets [![CircleCI](https://circleci.com/gh/discountry/vscode-react-redux-react-router-snippets.png?\u0026style=shield\u0026circle-token=4990f08c5270b362bff93b456ff0df4ec4d62796)](https://circleci.com/gh/discountry/vscode-react-redux-react-router-snippets/tree/master)\n\n[![Version](https://vsmarketplacebadges.dev/version/discountry.react-redux-react-router-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=discountry.react-redux-react-router-snippets)\n[![Install](https://vsmarketplacebadges.dev/installs/discountry.react-redux-react-router-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=discountry.react-redux-react-router-snippets)\n[![Ratings](https://vsmarketplacebadges.dev/rating-short/discountry.react-redux-react-router-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=discountry.react-redux-react-router-snippets)\n\nUseful React Ecosystem snippets for [Visual Studio Code](https://code.visualstudio.com/), including:\n\n* Quick import\n* React\n* Redux\n* react-redux\n* react-router\n\n## Screenshot\n\n![Screenshot](images/screenshot.gif)\n\n## Usage\n\n### import\n\n| Trigger  | Content |\n| -------: | ------- |\n| `imr`    | `import React from 'react'` |\n| `imrc`   | `import React, { Component } from 'react'` |\n| `imd`    | `import { render } from 'react-dom'` |\n| `impt`   | `import PropTypes from 'prop-types'` |\n| `imc`    | `import ${1:componentName} from './Components/${1:componentName}'` |\n| `imconnect`    | `import { connect } from 'react-redux'` |\n| `improvider`    | `import { Provider } from 'react-redux'` |\n| `imcreateSelector`    | `import { createSelector } from 'reselect'` |\n| `imrr`   | `import { BrowserRouter, Route } from 'react-router-dom'` |\n| `imnl`    | `import { NavLink } from 'react-router-dom'` |\n| `imwr`    | `import { withRouter } from 'react-router-dom'` |\n\n### React\n\n| Trigger  | Content |\n| -------: | ------- |\n| `rcc→`   | class component skeleton |\n| `rccp→`  | class component skeleton with prop types after the class |\n| `rcjc→`  | class component skeleton without import and default export lines |\n| `rcfc→`  | class component skeleton that contains all the lifecycle methods |\n| `rsc→`   | stateless component skeleton |\n| `rscp→`  | stateless component with prop types skeleton |\n| `rpt→`   | empty propTypes declaration |\n| `spt→`   | `static propTypes = {}` |\n| `sdp→`   | `static defaultProps = {}` |\n| `con→`   | class default constructor with props|\n| `conc→`  | class default constructor with props and context |\n| `est→`   | empty state object |\n| `st→`    | Creates empty state object with ES7 synTax |\n| `cwm→`   | `componentWillMount` method |\n| `cdm→`   | `componentDidMount` method |\n| `cwr→`   | `componentWillReceiveProps` method |\n| `scu→`   | `shouldComponentUpdate` method |\n| `cwup→`  | `componentWillUpdate` method |\n| `cdup→`  | `componentDidUpdate` method |\n| `cwun→`  | `componentWillUnmount` method |\n| `cdc→`   | `componentDidCatch` method |\n| `ren→`   | `render` method |\n| `sst→`   | `this.setState` with object as parameter |\n| `ssf→`   | `this.setState` with function as parameter |\n| `props→` | `this.props` |\n| `state→` | `this.state` |\n| `bnd→`   | `binds the this of method inside the constructor` |\n| `pta→`   | `PropTypes.array,` |\n| `ptar→`  | `PropTypes.array.isRequired,` |\n| `ptb→`   | `PropTypes.bool,` |\n| `ptbr→`  | `PropTypes.bool.isRequired,` |\n| `ptf→`   | `PropTypes.func,` |\n| `ptfr→`  | `PropTypes.func.isRequired,` |\n| `ptn→`   | `PropTypes.number,` |\n| `ptnr→`  | `PropTypes.number.isRequired,` |\n| `pto→`   | `PropTypes.object.,` |\n| `ptor→`  | `PropTypes.object.isRequired,` |\n| `pts→`   | `PropTypes.string,` |\n| `ptsr→`  | `PropTypes.string.isRequired,` |\n| `ptnd→`  | `PropTypes.node,` |\n| `ptndr→` | `PropTypes.node.isRequired,` |\n| `ptel→`  | `PropTypes.element,` |\n| `ptelr→` | `PropTypes.element.isRequired,` |\n| `pti→`   | `PropTypes.instanceOf(ClassName),` |\n| `ptir→`  | `PropTypes.instanceOf(ClassName).isRequired,` |\n| `pte→`   | `PropTypes.oneOf(['News', 'Photos']),` |\n| `pter→`  | `PropTypes.oneOf(['News', 'Photos']).isRequired,` |\n| `ptet→`  | `PropTypes.oneOfType([PropTypes.string, PropTypes.number]),` |\n| `ptetr→` | `PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,` |\n| `ptao→`  | `PropTypes.arrayOf(PropTypes.number),` |\n| `ptaor→` | `PropTypes.arrayOf(PropTypes.number).isRequired,` |\n| `ptoo→`  | `PropTypes.objectOf(PropTypes.number),` |\n| `ptoor→` | `PropTypes.objectOf(PropTypes.number).isRequired,` |\n| `ptsh→`  | `PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}),` |\n| `ptshr→` | `PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}).isRequired,` |\n\n### Redux\n\n| Trigger  | Content |\n| -------: | ------- |\n| `rat`  | Redux constant(actionTypes) |\n| `rac`  | Redux actionCreator |\n| `reducer`  | Redux reducer |\n| `store`  | Redux store |\n| `selector`  | Redux selector |\n\n### react-redux\n\n| Trigger  | Content |\n| -------: | ------- |\n| `imconnect`    | `import { connect } from 'react-redux'` |\n| `improvider`    | `import { Provider } from 'react-redux'` |\n| `provider`  | react-redux Provider Container |\n| `mstp`  | mapStateToProps |\n| `mdtp`  | mapDispatchToProps |\n| `connect`  | react-redux connect React Component |\n| `container`  | Redux container |\n\n### react-router\n\n| Trigger  | Content |\n| -------: | ------- |\n| `imrr`   | `import { BrowserRouter as Router, Route } from 'react-router-dom'` |\n| `imnl`    | `import { NavLink } from 'react-router-dom'` |\n| `imwr`    | `import { withRouter } from 'react-router'` |\n| `router`  | react-router Router template |\n| `route`  | react-router  Route component |\n| `navlink`  | react-router  NavLink component |\n\n## Contributors\n\n* [YutHelloWorld](https://github.com/YutHelloWorld)\n\n## Acknowledgments\n\n* [Reactjs code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets)\n* [React-Native/React/Redux snippets for es6/es7](https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux)\n* [React Redux ES6 Snippets](https://marketplace.visualstudio.com/items?itemName=timothymclane.react-redux-es6-snippets)\n* [redux-snippets](https://marketplace.visualstudio.com/items?itemName=jameshrisho.redux-snippets)\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiscountry%2Fvscode-react-redux-react-router-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiscountry%2Fvscode-react-redux-react-router-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiscountry%2Fvscode-react-redux-react-router-snippets/lists"}