Essential Snippets

React Essential Snippets

Table of Contents

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