本次课程学习推演 React 框架的设计思路,包括 React 设计的由来,具体的设计方案,剖析该框架为何演进为目前熟知的响应式编程模型,帮助我更好地理解 React 代码。
1、react设计思路
(1)响应式编程:
- 状态更新,UI自动更新
- 前端代码组件化,可复用,可封装
- 状态之间的互相依赖关系,只需声明即可
(2)组件化:
- 组件是组件的组合/原子组件
- 组件内拥有状态,外部不可见
- 父组件可将状态传入组件内部
(3)状态归属问题:
React是单向数据流,永远是父组件给子组件传递
(4)组件设计:
- 组件声明了状态和UI的映射
- 组件有Props/State两种状态
- 组件 可由其他组件拼装而成
(5)生命周期:
2、react(hooks)写法
3、react状态管理库
核心思想: 将状态抽离到UI外部进行统一管理。
状态机: 当前状态,收到外部事件,迁移到下一个状态。
应用级框架: