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

65 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天

本节课的知识要点:

  1. React 的应用场景

  2. UI 编程的痛点

  3. React 设计与实现 - 组件化

  4. React 设计与实现 – 状态归属问题

  5. React 设计与实现 – 生命周期

  6. React 的实现 

  7. React 状态管理库

  8. 应用级框架科普

本节课的知识要点:

  • React 的应用场景

    1、前端应用开发:Facebook、Instagram、Netflix网页版

    2、移动原生应用开发:Instagram、Discord、Oculus

    3、结合Electron进行的桌面开发

  • React 的发展史重要节点在2013年,正式开源
  • UI 编程的痛点:

    1、状态更新,UI不会自动更新,需要手动地调用DOM进行更新

    2、欠缺基本的代码层面的封装和隔离,代码层面没有组件化

    3、UI之间的数据依赖关系,需要手动维护,如果依赖链路长,则会遇到“Callback Hell”

  • React 设计与实现 - 组件化

    1、组件是组件的组合/原子组件

    2、组件内拥有状态,外部不可见

    3、父组件可将状态传入组件内部

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

  • 在React的实现上存在的问题:

     1.JSX不符合JS标准语法

     2.返回的JSX发生改变时,如何更新DOM

     3.State/Props更新时,要重新触发render函数

对于老师将得React的实现这一块,我还不是很明白,我先返回去仔细听下。