leftxs / react-plop-template Goto Github PK

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.

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.

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.

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

$ npx react-plop-template project

$ npx react-plop-template project react tsx

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

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

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

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

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

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

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