A complete ReactJS and Native snippet to use.
Easy shortcuts to help and expedite your code development. To be more easy we put a check on the table with all snippets and were (native or JS) its work.
For React Native the snippets is after
-like rc - rnc (rnc is for React Native)
| Snippet | Description | ReactJS | Native |
|---|---|---|---|
rc - rnc |
Create a stateful Component | ✔ | ✔ |
rsc- rnsc |
Create a stateless Component | ✔ | ✔ |
rfc - rnfc |
Create a functional Component | ✔ | ✔ |
rfhc - rnfhc |
React Hooks Stateful Component | ✔ | ✔ |
rrc - rnrc |
Create ReactJS Stateful Redux Component | ✔ | ✔ |
rrsc - rnrsc |
Create ReactJS Stateless Redux Component | ✔ | ✔ |
mapstatetoprops |
Create Redux method mapStateToProps | ✔ | ✔ |
mapdispatchtoprops |
Create Redux method mapDispatchToProps | ✔ | ✔ |
cdm |
componentDidMount() | ✔ | ✔ |
scu |
shouldComponentUpdate() | ✔ | ✔ |
cdu |
componentDidUpdate() | ✔ | ✔ |
cwu |
componentWillUnmount() | ✔ | ✔ |
cwu |
[DEPRECATED] componentWillUpdate() | ✔ | ✔ |
cwm |
[DEPRECATED] componentWillMount() | ✔ | ✔ |
cwrp |
[DEPRECATED] componentWillReceiveProps() | ✔ | ✔ |
Add all snippets here
Visual Studio Code: ^1.29.0
- Styled-Components
- Redux
- React Router
- React Navigation
- TypeScript Support