I created own CLI for React! It is my react equivalent response for ANGULAR CLI. Thanks by rCLI (react CLI) we can create quick components with hook and files for styles (for example .module.css, styled.ts and more!)
Rcli immetiadely create some basic file with example content!
-
With yarn
yarn global add rcli-ff
-
With npm
npm install -g rcli-ff
Clone the repository (https://github.com/Piotrko64/rCLI-own_CLI_for_React_apps.git) and then navigate to it.
Run npm install to install the dependencies.
Run npm install -g . to install the CLI.
Now You can use rCLI!
rc <path> [flags]
Write in console:
rc /ui/amazingButton -h --scss 
Above line create basic component (path: ui/amazingButton) with hook and style (.module.scss) file! Remember Rcli create folders and imports automative!
-j, --jsx Create .jsx file instead .tsx
-t, --tsx Create .tsx file [DEFAULT]
-ns, --no-style Don't create file for style
-nm, --no-module Create style file without module (for example .css instead .module.css)
-m, --module Create file as module [DEFAULT]
-sc, --scss Create .module.scss or .scss file instead .css
-cs, --css Create .css/.module.css file [DEFAULT]
-sa, --sass Create .module.sass or .sass file instead .css
-sty, --styled-components Create styled components file for style
-h, --hook Create also file for hook
-nf, --no-folder Create component files without folder
-v, --version output the current version
--help display help for command
- Create components like in a Angular CLI
- Created files had correct imports and example uses
- We can use css/scss/sass or styled components for a style file
I recommend use also prettier to better format all documents
If you have problem with about Execution Policies please check this link: https://stackoverflow.com/questions/63423584/how-to-fix-error-nodemon-ps1-cannot-be-loaded-because-running-scripts-is-disabl