这是我参与「第四届青训营」笔记创作活动的第3天

初始响应式系统与React

一、React的实现

1.JSX不符合JS标准语法

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

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

问题1 问题2

Virtual DOM（虚拟DOM）

Virtual DOM是一种用于和真实DOM同步，而在JS内存中维护的一个对象，它具有和DOM类型的树状结构，并和DOM可以建立一一对应的关系。

它赋予了React声明式的API：您告诉React希望让UI是什么状态，React就确保DOM匹配该状态。这使您可以从属性操作、事件处理和手动DOM更新这些在构建应用程序时必要的操作中解放出来。

完美的最小Diff算法，需要O(n³)的复杂度。

牺牲理论最小Diff，换取事件，得到了O(n)复杂度的算法： Heuristic O(n) Algorithm

将状态抽离到UI外部进行统一管理

当前状态，收到外部事件，迁移到下一个状态

硅谷明星创业公司Vercel的React开发框架，稳定，开发体验好，支持Unbundled Dev，SWC等，其同样有Serverless一键部署平台帮助开发者快速完成部署。口号是“Let's Make Web Faster”。

字节跳动Web infra团队研发的全栈开发框架，内置了很多开箱即用的能力与最佳实践，可以减少很多调研选择工具的时间。

无API思想的全栈开发框架，开发过程中无需写API调用与CRUD逻辑，适合前后端紧密结合的小团队项目。