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,而且具有「可預測性」、「易維護性」、「操作直覺」。