React 哲学

组件 与 数据流

组件层级结构

单一功能原理：一个组件理想情况下应仅做一件事情。

如何组织 布局 的层级

UI 和 JSON 通常拥有相同的信息结构，即 相同的形状。如果你的 JSON 足够优秀的话。

区分的界限是个人的喜好，要灵活决定。

静态版本

不带任何交互的版本，拥有 prop ，但是无 state

编写 静态版本 需要 大量的代码，并不需要什么思考;
添加交互 需要 大量的思考，却不需要大量的代码。

自上而下（从 FilterableProductTable 开始）
自下而上（从 ProductRow 开始）

在简单的例子中，自上而下构建通常更简单
而在大型项目中，自下而上构建更简单

设计 state

组织 state 最重要的一条原则是保持它 DRY（不要自我重复）。

计算出 应用程序 需要的绝对精简 state。

一些准则：

1. 一直不变的，不是 state
2. 从父组件传递的，不是 state
3. 可以通过进行计算得到的，不是 state

state 放哪里

通常情况下，是将 state 放置在它们共同的父组件。

反响数据流

就好比 input 的 change，需要反馈回来。