Redux and React in ES6, Ch#01

Redux React Ch#01

  • redux: late 2015
  • total of 146 lectures of plural sight
  • ch#1: 1~6

outline

  1. intro
  2. environment setup: demo
  3. react component approaches
  4. inital app structure: demo
  5. redux intro
  6. actions, stores and reducers
  7. connecting react to redux
  8. redux flow: demo
  9. async in redux: demo
  10. async writes in redux: demo
  11. async status: demo
  12. testing react: demo
  13. testing redux: demo
  14. production build: demo

npm commands

npm test npm run build -s

flux: uni-directional flow

  • check out the old one -> building applications with react and flux
  • don’t have to know es6 features es6/es2015
    • modules
    • let and const
    • enhanced object literals
    • default parameters
    • template strings
    • classes
    • arrow functions
    • promises
    • destructuring
    • spread operator 4/146

tools to use in this course

  • redux
  • es6 with babel
  • react router
  • webpack
  • npm scripts
  • eslint
  • mocha, react test utils and enzime
  • webstorm
  • pluralsight admin app

intro: why redux

  • one store
  • reduced boilerplate
  • isomorphic/universal friendly
  • immutable store
  • hot reloading
  • time-travel debugging: forward and backward around the code
  • small 2k gziped
COMMENTS