Jackong / generator-reactapp

generator for react app

generator-reactapp

---

What

generator-reactapp is a yeoman generator for react app.

Dependencies:

• react

  • react-router
  • react-css-modules

• mobx

  • mobx-react

• redux

  • redux-saga
  • reselect
  • immutable
  • normalizr

• restful.js

  • fetch
  • request

• store

• test

  • mocha (BDD)
  • chai (Assertion)
  • sinon (Mock)
  • nock (HTTP Mocking and Expectations)
  • jsdom (A JavaScript implementation of the WHATWG DOM and HTML standards)
  • enzyme

• tools

  • webpack

    • webpack-dev-server(Hot-reload & Mock-API)

  • gulp

  • eslint

    • Airbnb JavaScript Style Guide

  • stylelint

  • editorconfig

  • cross-env (Sets an environment using unix style and have it work on windows too)

  • postcss

    • autoprefixer (Add vendor prefixes to CSS rules)
    • precss (Use Sass-like markup in your CSS files)

---

Why

Quickly start a project.

---

How

Getting Started

To install Yeoman

npm install -g yo

To install generator-reactapp from npm, run:

npm install -g generator-reactapp

Finally, initiate the generator:

yo reactapp

And then, generate feature by sub-generator:

yo reactapp:feature

Starting the dev-server and api-server

npm start

Running Tests

npm test

OR

npm run testing

Building Project

Building for production

npm run build 

Project Structure

• .babelrc babel config

• .editorconfig editor config

• .eslintrc eslint config

• gulpfile.js gulp tasks

• server.js dev-server

• api.js mock api server

• db.json mock database for api

• webpack.config.js webpack config

• test/ tests

• src/

  • templates/index.html html entry template
  • assets/
  • constants/ common constants
  • components/ react components(reusability)
  • styles/ css styles
  • containers/ react containers(route)
  • apis/ api config
  • stores/ mobx stores
  • actions/ redux actions
  • reducers/ redux reducers
  • sagas/ redux sagas
  • schemas/ redux schemas
  • selectors/ redux selectors
  • index.jsx js entry
  • libs.jsx js vendor
  • config.js config

• dist/ generated by building

License

MIT