本节课为前端框架 React 的基础课程讲解，为了更好地帮助进入 React 技术原理学习，在本节课课程将带来有关前端框架 React 的发展历史。
前置知识：
1：HTML，JS，CSS基础
2：基础的数据结构、算法知识，如二叉树，深度遍历等；
3：会使用浏览器提供的DOM API来修改DOM，更新UI；
课程内容概要：
1 React 的历史与应用
2 React的设计思路
3 React（hooks）的写法
4 React的实现
5 React状态管理
6 应用级框架科普
1 React 的历史与应用
应用：
1 前端应用开发，如Facebook等网页版；
2 移动原生应用开发，如Instagram等；
3 结合Electron，进行桌面应用开发；
历史：
2010年，启发了后来React 的设计；
2011年，创建FaxJS，也就是React的原型；
2012年，创建了React；
2013年，React正式开源；
2014-今天，生态大爆发，各种围绕React的新工具，框架开始涌现；
2 React的设计思路
UI编程痛点：
状态更新，UI不会自动更新，需要手动的调用DOM进行更新；
欠缺基本的代码层面的封装和隔离，代码层面没有组件化；
UI之间的数据依赖关系，需要手动维护，如果依赖链路长，则会遇到“callback hell”；
响应式与转换式：
转换式系统：给定输入，求解输出；
响应式系统：监听事件，消息驱动；
事件—执行既定的回调—状态更新
前端UI：
事件—执行既定的回调—状态更新—UI更新；
组件化：
将事件划分为不同的部分，形成组件；
1 组件是组建的组合、原子组合；
2 组件内部拥有状态，外部不可见；
3 父组件可将状态传入组件内部；
组件设计：
1组件声明了状态和UI的映射；
2组件有Props/State两种状态；
3“组件”可有其他组件拼装而成；
3 React（hooks）的写法：
声明变量;
4 React的实现
Problems:
1 JSX不符合JS标准语法；
2返回的JSX发生改变时，如何更新DOM；
3State/Props更新时，要重新触发render函数；
编译与转译：
虚拟DOM：用于和真实DOM同步，而在JS内存中维护的一个对象，它具有和DOM类似的树状结构，并和DOM可以建立一一对应的关系；
5 React状态管理
核心思想：将状态抽离到UI外部进行统一管理
坏处：组件库与外部强耦合；
状态管理库：
Redux，xstate，mobx，recoil;
状态机：当前状态—收到外部事件—迁移到下一个状态
6 应用级框架科普
NEXT:硅谷明星创业公司Vrecel 的React开发框架，稳定，开发体验好；
MODERN.JS：字节跳动团队开发的全栈开发框架；
BILITZ：无API思想的全栈开发框架
