响应式系统与 React|青训营笔记

55 阅读1分钟

这是我参与【第五届青训营】笔记创作的第六天。
主要是关于React 的历史与应用、设计思路,React(hooks)的写法,React的实现、状态管理库以及应用级框架科普的课程的笔记。

设计思路
UI编程痛点:
1、状态更新,UI不会自动更新,需要手动调用DOM更新。
2、欠缺基本的代码层面的封装和隔离,代码层面没有组件化。
3、UI之间的数据依赖关系,需要手动维护。

转换式系统:有输入,求解输出。编译器、数值求解
响应式系统:监听事件,消息驱动。事件->执行既定的回调->状态改变。
前端UI:响应式系统过程最后还有一个UI更新过程。
响应式编程正好解决了对应的UI编程痛点。

组件化:
1、组件是组件的组合/原子组件;
2、组件内拥有状态,组件外部不可见;
3、父组件可将状态传入组件内部。