UI编程的痛点
- 状态更新,UI不会自动更新,需要手动地调用DOM进行更新
- 欠缺基本的代码层面的封装和隔离,代码层面没有组件化
- UI之间的数据依赖关系,需要手动维护,如果依赖链路长,则会遇到回调地域
响应式和转换式
转换式:给定【输入】求解【输出】
响应式:监听消息,消息驱动
事件 -》 执行既定的回调 -》 状态变更 -》 UI更新
期望
1.状态更新,UI自动更新
2.前端代码组件化,可复用,可封装
3.状态之间的互相依赖关系,只需声明即可
思考
- React是单向数据流,还是双向数据流?
- 单向,永远只是父传子
- 如何解决状态不合理上升的问题
- 组件的状态改变后,如何更新DOM
组件设计
1.组件声明了状态和UI的映射
2.组件有Props/State两种状态
3.“组件”可由其他组价拼装而成