day10 响应式系统与 React | 青训营

95 阅读1分钟

本次课程学习推演 React 框架的设计思路,包括 React 设计的由来,具体的设计方案,剖析该框架为何演进为目前熟知的响应式编程模型,帮助我更好地理解 React 代码。

1、react设计思路

(1)响应式编程:

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

(2)组件化:

  • 组件是组件的组合/原子组件
  • 组件内拥有状态,外部不可见
  • 父组件可将状态传入组件内部

(3)状态归属问题:

React是单向数据流,永远是父组件给子组件传递

(4)组件设计:

  • 组件声明了状态和UI的映射
  • 组件有Props/State两种状态
  • 组件 可由其他组件拼装而成

(5)生命周期:

2、react(hooks)写法

3、react状态管理库

核心思想: 将状态抽离到UI外部进行统一管理。

状态机: 当前状态,收到外部事件,迁移到下一个状态。

应用级框架: