rctr

rx

CLI for React projects built with Parcel.

Install

npm i -g rctr

Commands

Below are the avilable commands you can run with the rx cli.

new

rx new my-app

rx 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.

Changelog

1.0.5

• NEW alias for common tasks, i.e. rx start aliases yarn start.