React & Flux Official introduction video


Posted by Christy on 2021-12-22

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










Related Posts

【單元測試的藝術】Chap 5: 隔離(模擬)框架

【單元測試的藝術】Chap 5: 隔離(模擬)框架

[FE301] React 基礎(Class component 版)先別急著學 React

[FE301] React 基礎(Class component 版)先別急著學 React

Day 95

Day 95


Comments