Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>ReactJS usefull snippetsNew to Visual Studio Code? Get it now.
ReactJS usefull snippets

ReactJS usefull snippets

Higor Alves

|
5,191 installs
| (1) | Free
Visual Studio Code Snippets to use for Reactjs + Redux + React Router DOM
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Complete React snippets to use in your workflow

This snippet is being created

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)

Features

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

Requirements

Visual Studio Code: ^1.29.0

Features

  • [x] Styled-Components
  • [x] Redux
  • [ ] React Router
  • [ ] React Navigation
  • [ ] TypeScript Support

Release Notes

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft