react-plop-template

Wrapper over plop to help react and react native developer out their to generate components, pages and reducers with it's necessary files and folder and keep the naming convention of the files consistency across the project.

Get Started

Problem Statement

As you all know react is a UI library and not come's with any structure like angular provide it's own structure to follow. I know it's good to have own structure and not bound to any structure that framework provide. But I think when we are working in a team then we have to set a structure to follow and care about the naming convention to follow. So, every developer can follow the same. That's where react plop template package is coming, Which is a wrapper over plop to generate react / react-native components, pages and reducers with it's necessary files and folders. You don't need to create a components, reducers and it's necessary files, the react-plop-template will do it for you.

What is React Plop Template?

React Plop Template is "micro-generator package." It is a small tool that gives you a simple way to generate your react / react-native components, pages and reducers in a consistent way.

CLI Usage

You can direct use react-plop-template with npx without installing react-plop-template package into your codebase.

1. Add react plop template to your project

$ npx react-plop-template project

$ npx react-plop-template project react tsx

$ npx react-plop-template project react-native jsx

Package includes: - [x]

[Component Generation] - [x] [Page Generation] - [x] [Reducer Generation] - [x]

Generate Component

$ npx react-plop-template component [component name]

Generate page for React

$ npx react-plop-template page [page name]

Generate screen for React Native

$ npx react-plop-template screen [screen name]

Generate Reducer

$ npx react-plop-template reducer [reducer name]

Demo for React Native

This documentation is a work in progress. If you have great ideas, I'd love to hear them.