一、课程内容

1. React简介与特性
2. React基础温故知新
3. 业务场景示例
4. 课程总结

二、React简介与特性

1. React——用于构建用户界面的JavaScript库；
2. React特点——声明式、组件化、跨平台编写；
3. React哲学——React是用JavaScript构建快速响应的大型web应用程序的首选方法之一，它在Facebook和Instagram上表现优秀；

• 调度器——有维护时间切片、与浏览器任务调度、优先级调度；
• 协调器——将JSX转化为Fiber、双缓存（Fibber树对比）、确定本次更新的Fibber；
• 渲染器——用于管理一棵React树、使其根据底层平台进行不同的调用；
• 影响web性能的两大主要原因：等待资源加载时间和大部分情况下浏览器单线程执行；

4. 优缺点

• 优点——快速响应、组件化、声明式编程、跨平台（只需修改渲染器）
• 缺点——大型应用需要配套学习状态管理、路由工具；不适合小型应用，需要babel处理

三、React基础温故知新

1. 用React开发web应用

2. 用React开发web应用-组件

• Class组件
• • 继承+构造函数
• • this
• • 生命周期
• • render方法
• 函数式组件
• • 没有生命周期
• • 借助Hook
• • return JSX
• 函数式组件相较于Class的优点：代码量少，组件清爽干净、没有复杂生命周期、支持自定义Hook；
• 组件与Hook的关系：将UI拆成多个独立单元，就是组件；而Hook贴近组件内部运行的各种逻辑概念；

4. Hook规则

• 只能在最顶层使用Hook、只能在React函数中调用Hook；

四、案例分析思路

对于以下页面：

• 分析思路——划分组件、父组件给子组件通信、子组件给父组件通信、组件间共享信息、组件性能优化、组件挂载位置、逻辑复用方法；

四、课程总结及收获

• 学习了React优点、函数式组件和Class组件的比较、Hook规则、常见API及常见Hook、通过案例学习了如何划分组件、父组件给子组件通信、子组件给父组件通信、组件间共享信息、组件性能优化、组件挂载位置、逻辑复用方法。