react-ecosystems-boilerplate

---

Recipes

• react
• redux
• react-redux
• react-router
• react-router-redux
• redux-saga
• redux-actions
• immutable
• reselect
• normalizr
• babel - es7
• webpack
• redux-form

Get Started

npm install

development

gulp dev http://localhost:8080

production

gulp build http://localhost:3030

Addons

• Use propTypes to validate props

  • [ref: ] with immutable

• Solution of authentication

  • handle it in route middleware
  • [ref: ] react-redux-router

• Expensive calculation

  Reselect * Pros * Memoize * Composibility * With Redux

     Use in mapStateToProps
  * Access props   
     * multi copy of a selector, allow each component have his own selector
     * with Redux, it can apply makeMapStateToProps to gen a independent selector
  

• Present UI

  React-bootstrap

Todo

• use normalizr to flat data structure
  • to flat response data, resolve the problem of data nested deeply.
• update continuously