Introduction

At this stage, reader should masters the skills in traditional OOP UI framework like

• Android-Kotlin / Android-Java, or
• iOS-Swift / iOS-Objective-C, or
• Web-JQuery

The training in React basic aims at

• Facilitating the use of JS ES6 syntax for MobApp and WebApp development
• Preparing the mindset migration for programmers working in legancy OOP UI framework
• Working in both stateful and stateless ways on implementation
• Understanding the core value of reactive programming

Prerequisite

1. ES6
   • Default Params
     • function foo(name='defaultname')
   • Template Literals
     • ${name} is a ${title}
   • Destructuring
     • let {name, title} = person
   • Arrow Functions
     • Scope difference between items.forEach(function(item) {...}) and items.forEach((item) => { ... })
   • Promises
   • let and const
   • Modules
   • https://rangle-io.gitbooks.io/react-training/content/book/es6_constructs/
2. IDE, ordered by my preference, on Mac
   1. Visual studio code
   2. Sublime + babel-sublime + source tree
   3. C9

Points to note

1. Prior to The advances, the diagram showing redux life-cycle always has some faults comparing to real redux ecosystem, so it will be updated eventually
2. To know the truth, please visit https://github.com/uanders/react-redux-cheatsheet

Reference

1. redux

   1. http://redux.js.org/docs/basics/

   2. https://hackernoon.com/thinking-in-redux-when-all-youve-known-is-mvc-c78a74d35133

   3. https://medium.com/@MKulinski/react-redux-basics-a36914c0035

   4. https://github.com/uanders/react-redux-cheatsheet

2. redux-persist

   1. https://juejin.im/entry/57cac7b167f3560057bb00a7

   2. https://github.com/rt2zz/redux-persist

3. redux-saga

   1. https://github.com/redux-saga/redux-saga/blob/master/examples/real-world/sagas/index.js

   2. https://github.com/redux-saga/redux-saga/blob/master/examples/shopping-cart/src/sagas/index.js

   3. https://github.com/redux-saga/redux-saga/blob/master/examples/async/src/sagas/index.js

   4. https://github.com/redux-saga/redux-saga/blob/master/docs/advanced/Channels.md

   5. https://github.com/redux-saga/redux-saga/blob/master/examples/cancellable-counter/src/sagas/index.js