Skip to content

Zaal-Tecnologia/zaal-vscode-reactjs-snippets

Repository files navigation

License: MIT


Logo

Zaal ReactJS Snippets

Content

About

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?

Create ReactJS Statefull Component(rsf)

Create ReactJS Stateless Component(rsl)

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

  1. Make a Project Fork
  2. Create a Branch for Your Feature
  3. Add your changes
  4. Commit your changes
  5. Push Branch
  6. Open a Pull Request

License

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

Contact

Zaal Tecnologia- Github - [email protected]

About

ReactJS snippets created by Zaal Tecnologia.

Resources

License

Stars

Watchers

Forks

Packages

No packages published