React设计思路

UI编程的痛点

1. 状态更新，UI不会自动更新，需要手动地调用DOM进行更新
2. 欠缺基本的代码层面的封装和隔离，代码层面没有组件化
3. UI之间的数据依赖关系，需要手动维护，如果依赖链路长，则会遇到回调地域

响应式和转换式

转换式：给定【输入】求解【输出】
响应式：监听消息，消息驱动

事件 -》 执行既定的回调 -》 状态变更 -》 UI更新

期望

1.状态更新，UI自动更新
2.前端代码组件化，可复用，可封装
3.状态之间的互相依赖关系，只需声明即可

思考

1. React是单向数据流，还是双向数据流？

• 单向，永远只是父传子

2. 如何解决状态不合理上升的问题
3. 组件的状态改变后，如何更新DOM

组件设计

1.组件声明了状态和UI的映射
2.组件有Props/State两种状态
3.“组件”可由其他组价拼装而成