zxqx / generator-redux-stack

A react/redux generator with all the build tooling goodies.

generator-redux-stack

A react/redux generator with all the build tooling goodies.

Requirements

• NodeJS
• Yeoman

Tech Stack

• react (v15) - View layer
• react-router (v4) - Router
• redux - State management
• redux-thunk - Async actions
• sass - CSS preprocessor
• react-css-modules - Scoped CSS modules
• babel - ES6/JSX compiler
• webpack (v2) - Module bundler
• jest - Test suite

Setup

Install it globally:

$ npm install -g generator-redux-stack

Usage

Make a folder for your app:

$ mkdir app-name && cd app-name

Generate the app scaffolding:

$ yo redux-stack

Boot up the app:

$ npm start

Module Generators

Generate a new container:

$ yo redux-stack:container

Generate a new component:

$ yo redux-stack:component

Generate a new set of actions with corresponding reducer:

$ yo redux-stack:actions

Dev Tooling

• Hot module replacement
• Redux time travel (using redux-devtools)
• Redux devtools monitors (log, diff, slider, import/export)
• Redux action log (using redux-logger)

Keyboard Shortcuts

• ctrl + h - Show/hide redux-devtools dock
• ctrl + c - Change redux-devtools monitor
• ctrl + m - Move redux-devtools dock
• ctrl + e - Show redux import/export tool

License

MIT