React & Flux Official introduction video

Flux: In-Depth Overview

1. 0'00" - 3'00" 暖場

2. 3’28" - 7'20" 核心概念介紹

產品的核心應該是：

• Reliable

• High performance

• Enjoyable, easy to use, etc

The goal is to move fast but quality takes time → High quality in less time

3. 7'28" MVC makes codes unpredictable

Solution: increase predictability

so there are:

• Flux: single directional data flow

• React: declarative views

註：聽起來像是先有 Flux，而 React 是為了解決 Flux 執行上的困難而生的工具

4. 10'27" flux: single direction data flow

Action → Dispatcher → Store → View → (Action → Dispatcher → Store …again and again)

Flux 核心概念：

• improved data consistency

• easier to pinpoint of a bug

• more meaningful unit tests

5. 24'23" React

Simplicity is prerequisite for reliability. — Edsger W. Dijkstra

6. 38'00" QA

7. 40'00" Angular and react comparison

8. 42'00" ajax、jQuery

我的心得：

React 說明單向資料流的概念，想必在一開始應該很創新吧，這個概念貫穿了 React 跟 Flux。臉書想要加速開發時間，並維持品質，但請更多工程師，或花更多時間並不是一個好的解決辦法，基於新人進一個團隊，要維護程式碼不是那麼容易及很多修改方面的問題，因此決定要發展一個 library 來解決這個問題。

MVC 框架之所以不被採用，原因在於「牽一髮而動全身」，React & Flux 的概念是每個組件都自成一個小天地，改 A 不會壞 B，而且具有「可預測性」、「易維護性」、「操作直覺」。