这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
本节课的知识要点:
-
React 的应用场景
-
UI 编程的痛点
-
React 设计与实现 - 组件化
-
React 设计与实现 – 状态归属问题
-
React 设计与实现 – 生命周期
-
React 的实现
-
React 状态管理库
-
应用级框架科普
本节课的知识要点:
- 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的实现这一块,我还不是很明白,我先返回去仔细听下。