Zaal ReactJS Snippets is a project that aims to make life easier for developers in ReactJS. We intend to add to this project, codes that we use frequently, so that our work becomes more automated. We have defined this project with open source so that the community can contribute with us.
Special thanks to Rocketseat, our model was inspired by theirs.
Start
Installation
To install an extension you can execute the Command Pallete ** by using the command Ctrl + Shift + P or Cmd + Shift + P, type Install Extensions and finally give an Enter, done that search by Zaal ReacJS Snippets and install.
Supported Languages
JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)
How to use?
Snippets
Snippets
Description
rsf →
Creates a Stateful Component
rsl →
Creates a Stateless Component
rfc →
Creates a Functional Component
styled-react →
Creates a Styling file with Styled Components
api →
Create an Axios configuration file
api-auth →
Create the Axios configuration file with the JWT Authentication
mapstatetoprops →
Creates the empty mapStateToProps
mapdispatchtoprops →
Creates the empty mapDispatchToProps
createStoreIndex →
Create store configuration index file
createStore →
Create the createStore.js file
createPersistReducers →
Create the Redux Persist Configuration File
createModulesRootReducer →
Creates the rootReducer configuration file located inside the modules folder
createModulesRootSaga →
Creates the rootSaga configuration file located inside the modules folder
createAction →
Create Redux Action
createReducer →
Create Redux Reducer
createSaga →
Create Redux Saga
createReactotronConfig →
Creates Reactotron configuration file
createReactotronConfigRedux →
Creates Reactotron configuration file with Redux and Redux Saga
Contribution
Make a Project Fork
Create a Branch for Your Feature
Add your changes
Commit your changes
Push Branch
Open a Pull Request
License
Distributed under the MIT license. See LICENSE for more information.