zxclovetotti/starter-react-flux

React and Flux project generator with Facebook's official toolchains.

starter-react-flux

A React/Flux project and code generator.

Installation

npm install -g starter-react-flux

Usage

starter-react-flux init                                  // Setup a new react and flux project.
starter-react-flux generate component [Component_Name]   // Generate a React Component file.
starter-react-flux generate container [Container_Name]   // Generate a Container file.
starter-react-flux generate store [Store_Name]           // Generate a ReduceStore file.
starter-react-flux generate action [ActionCreators_Name] // Generate a ActionCreators file.
starter-react-flux generate test                         // Generate test files from your components.

React stack

Facebook official libraries

• React.js
  • react
  • react-dom
• React Addons
  • Animation: react-addons-css-transition-group
  • Test Utilities: react-addons-test-utils
  • Performance Tools: react-addons-perf
• Flux
  • flux/utils
• Jest
• Immutable.js

3rd Party libraries

• Webpack
  • Webpack-dev-server
• Babel
  • React preset
  • ES2015 preset
  • Stage 0 preset
• ESLint
  • Airbnb JavaScript Style Guide
• React-Router
• material-ui
• axios

npm commands

npm start                     // Webpack-dev-server
npm test                      // Jest
npm run lint                  // ESLint
npm run build                 // Build for production

Directory structure

.
├── .babelrc
├── .eslintrc
├── __tests__
├── app
│   ├── App.js
│   ├── actions
│   ├── components
│   ├── constants
│   ├── dispatcher
│   ├── stores 
│   └── utils
├── node_modules
├── package.json
├── public
│   ├── css
│   ├── img
│   ├── index.html
│   └── js
└── webpack.config.js

License

• MIT