react 哲学_React的设计哲学

从设计稿开始

第一步：将设计好的 UI 划分为组件层级

1:一个组件原则上只能负责一个功能

2:向用户展示 JSON 数据模型

第二步：用 React 创建一个静态版本

1:先用已有的数据模型渲染一个不包含交互功能的 UI

2:构建应用的静态版本时，你不会用到State用Props - State是面对变化的数据

3:(自上而下或者自下而上构建应用)- 对于较为大型的项目来说，自下而上地构建，并同时为低层组件编写测试是更加简单的方式

4: React 单向数据流(也叫单向绑定)的思想使得组件模块化，易于快速开发

第三步：确定 UI state 的最小(且完整)表示

1: 想要使你的 UI 具备交互功能，需要有触发基础数据模型改变的能力。React 通过实现 state 来完成这个任务。

2: 只保留应用所需的可变 state 的最小集合，其他数据均由它们计算产生

第四步：确定 state 放置的位置

1:哪个组件应该拥有某个 state 这件事，对初学者来说往往是最难理解的部分。

2:

第五步：添加反向数据流

1:自上而下传递的 props 和 state 渲染了一个应用

每一门语言都是艺术和设计的结晶；然而导致的结果就是学习成本的增加；

理解貌似容易；但是实践确实太困难，

如何更好的学习和总结成了一个巨大的问题；

学习没有捷径，但是应该有更好的学习方法；

我还没有找到，不知道什么时候能够找到。