generator-rct

Scaffold React applications and its parts

Installation

First, install Yeoman and generator-rct using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-rct

Then generate your new project:

yo rct

Getting To Know Yeoman

The generator generates TypeScript files with coresponding tests for following patterns:

Componenets

React components - Class Component - SFC Component - PureComponent

Containers

Smart React componet, uses connect and bindActionCreators

Reducers

Redux reducers - main reducer uses the object mapping pattern instead of a switch - reducer function is meant to be connected to the main reducer

```
export const reducers: ReducerMap<State> = {
    [API_CONSTANTS.REPLACE]: replaceReducer,
    [API_CONSTANTS.UPDATE]: updateReducer,
    [API_CONSTANTS.DELETE]: deleteReducer,
    [API_CONSTANTS.ERROR]: errorReducer,
    [API_CONSTANTS.REQUEST]: requestReducer,
};

export const labelManagementReducer =
    (state: State = initialState, action: StandardAction<any>) =>
        getReducer<State>(reducers[action.type])(state, action);
```

Selectors

it creates a reselect selector file.

Actions

redux action file, we expect to have a createAction within the system either from the redux-actions package or a custom implementation

Sagas

redux saga pattern with option to listen for takeEvery or takAll and an example test

Function

If you follow the single file function pattern us this generater to avoid those 20 seconds of typing :)