Reatux NPM | npm.io

Reatux CLI Tool for React

For the use of this tool you must be familiar with redux.

Description

This is a CLI tool for generating redux ready projects of react, with the capacity of generate more redux or react components too.

Installation

NodeJs 8.0.0 or newer version required.

For installing globally just run the command below:

npm -g install reatux

Generate a project

You can use rtx or reatux command for executing the tool, for comfort reasons, in this readme we will use rtx.

Create the folder where you want to create a project, open CLI Tool in that folder location, then execute the following command:

rtx app

The console will prompt some questions:

? What is the name of your application? myApp
? What package manager will you use? none

Answer them and voila, you generated a readux ready react application.

Also we have the way to directly specify the name of our app, we just need to execute the command as the following example:

rtx app myApp

Where myApp is the name given to the application.

Generate components

There are 2 diferent types of components that could be generated with reatux:

Container
Presentational

Depending on the component that we want to generate, we could run 1 of the following commands:

rtx container

rtx presentation

After running this command, reatux will just ask for the name of the component.

? Name of the container component? my-comp
   create src/containers/my-comp/my-comp.container.js
   create src/containers/my-comp/my-comp.container.scss

As app command, we can specify the name or also the route where we want our component to be generated.

rtx container my-component

rtx container subfolder1/subfolder2/my-component

reatux will handle both.

Generating Reducers

The command for generating reducer is:

rtx reducer

rxt reducer my-reducer

Where my-reducer could be the name of the reducer or the route inside the reducers folder.

Configuration File

After generating a project, a file named .reatux.json will be also created into the folder, this file contains some important configuration for the reatux tool, it contains must be something like this:

{
  "appName": "myApp",
  "folders": {
    "reducers": "./src/reducers/",
    "actions": "./src/actions/",
    "containers": "./src/containers/",
    "presentations": "./src/presentations/",
    "types": "./src/types/",
    "tests": "./__tests__/"
  }
}

Here we can configure where we want our files to be generated, such as reducers or components, we just need to change the values of folders.