Simple React App

Getting started

• yarn
• node ^10.13.0

yarn install
yarn dev

Then open http://localhost:3000/ to see your app.

yarn prod

Build production, minify CSS and JS.
Convert class name to game controller emoji.

yarn test

Run testing

yarn analytics

Analysis bundle JS

What’s Included?

• React
• React-Router
• Redux
• Redux-Saga
• Lodash
• Axios
• Redux-Form
• Material-UI
• Jest
• Enzym
• Workbox

Folder Structure

Route

src
└── pages
    ├── Flight   -> '/flight'
    ├── Home     -> '/'
    └── NoMatch  -> 404 not found

Reducer

src
└── modules
    └── flights

Selector

Get state from redux store by selector functions.
For unit testing and caching. https://github.com/reduxjs/reselect

src
└── selectors
    ├── form.js
    └── flights.js

PWA

Support offline mode

ToDo

• Security https://github.com/slashtu/web/blob/master/security/article.md
• Code splitting
• PostCSS