Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Essential SnippetsNew to Visual Studio Code? Get it now.
React Essential Snippets

React Essential Snippets

Daniel Sousa

|
836 installs
| (1) | Free
Essential Snippets for React Native, ReactJS, Redux and Redux Saga
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Essential Snippets

React Essential Snippets

Table of Contents

  • Table of Contents
  • About the Project
  • React Native Snippets
  • React JS Snippets
  • General Snippets
  • License
  • Contact

About the Project

This project aims to provide a set of Snippets for the creation of components and configuration for ReactJS and React Native. They can help you to have greater productivity in development with these technologies.

React Native Snippets

Below is a list of the Snippets available for React Native:

Snippet Content
rncc → Creates a Class Component
rnfc → Creates a Functional Component
rntc → Creates a Typescript Component
styles-rn → Creates a StyleSheet
styled-rn → Creates a stylization file Styled Components
tron-rn → Creates a configuration file of Reactotron

React JS Snippets

Below is the list of Snippets available for React JS:

Snippet Content
rcc → Creates a Class Component
rfc → Creates a Functional Component
rtc → Creates a Typescript Component
styled-react → Creates a stylization file Styled Components
tron-react → Creates a configuration file of Reactotron

General Snippets

Below is the list of the Snippets compatible with React JS and React Native:

Snippet Content
react → Import the React
reducer → Creates a new Reducer
root-reducer → Creates a join file for Reducers
saga → Creates a new Saga
root-saga → Creates a join file for Redux Saga
api → Creates a configuration file for Axios

Hooks Snippets

Below is the list of the Snippets compatible with React JS and React Native (Hooks):

Snippet Content
use-effect → Creates a useEffect
use-memo → Creates a useMemo
use-state → Creates a useState
use-callback → Creates a useCallback
use-focus → Creates a useFocusEffect
use-navigation → Creates a useNavigation

License

Distributed under the MIT license. See LICENSE for more information.

Contact

Daniel Sousa - Github - daniel.sousa.developer@gmail.com

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