rctr v1.0.5
rx
CLI for React projects built with Parcel.
Install
npm i -g rctrCommands
Below are the avilable commands you can run with the rx cli.
new
rx new my-apprx new scaffolds a new app with support for SSR, lazyloading, i18n, SCSS, and more. We chose the kitchen sink approach.
For an example of what gets scaffolded, see react-starter.
generate
rx generate scaffolds code snippets in the directory the command is run.
Here is a list of arguments the rx generate command will take.
| type | file |
|---|---|
| fn-component, fc | pure function component |
| arrow-fn-component, afc | arrow function component |
| component, c | class component |
| view, v | class component with imported styles, test |
| ssr | server-side rendered view |
| test, t | spec file |
| state, s | state with reducer |
| context , ctx | context |
Example
rx generate view Map
- Map.tsx created
- Map.spec.tsx created
- Map.scss created
Some generators support optional arguments --routing and --lazy.
rx g ssr About --routing --lazy
- About.tsx created
- About.spec.tsx created
- About.scss created
- App.tsx has new routes
The first argument --routing adds a route to the nearest implementation of React Router.
<Route exact={true} path="/about" render={() => <About />} />The second argument --lazy optionally lazyloads the component.
const About = importComponent(() => import("./view/about/About"));Development
If you want to contribute fork this repo, make your changes and submit a pull request.
To get started with development run yarn install and yarn link.