## 2.1 以前是如何操作 DOM 的 (Mutable)
1. query 到 DOM 上一个元素
2. 改吧改吧
##2.2 Virtual DOM (Immutable)
1. 想好要往 DOM 上放什么东西
2. 把它给 Virtual DOM
3. Virtual DOM 决定哪些应该修改 DOM 哪些不用
为什么说前者是 Mutable 后者是 Immutable,这是相对你的业务逻辑来说的。
DOM 本身是 Mutable 的东西,把它柔和到你的业务上给你的逻辑加上了不少 mutable 的因素,而 Virtual DOM 成功的屏蔽掉了 mutable 的 DOM,每次 render 的 Component 其实都是新的,并不是以前 Component 的修改。
所以使用 Virutal DOM
* 容易 reason about, 因为 immutable
* 快
* 把紧耦合编程了高内聚
- 1. Why not 2 way binding/为毛不用双向绑定
- 2. What's Virtual DOM, why should we care / 为毛要用 Vitual Dom
- 3. Why Immutable / 为毛要不可变
- 4. How to do Unit test React project / 如何单元测试
- 5. Modular and Components
- 6. How should I thinking in react way / 如何以 React 的方式解决问题
- 7. What about Data Fetching / 只有 V 的话,数据 M 呢
- 8. What about Router / router 怎么办
- 9. How to communicate between two components that don't have a parent-child relationship/ 不是父子关系的 component 怎么交互
- 10. When should I use "key" / 什么时候该用 key
- 11. What's these Warnings / 这些黄黄的是神马
- 12. How to Profile Component Perfomance / 如何提升效率