声明式

声明式编程的优势在于直观，可以做到一目了然，也便于组合

组件式

组件化可以降低系统间功能的耦合性，提高功能内部的聚合性。对前端工程化及代码复用有极大的好处。React 组件化最大的区别在于没有使用模板进行编写，而是采用了声明式的 JSX。

1. 用 JavaScript 对象模拟 DOM 树，得到一棵虚拟 DOM 树。
2. 当页面数据变更时，生成新的虚拟 DOM 树，比较新旧两棵虚拟 DOM 树的差异。
3. 把差异应用到真正的 DOM 树上

虽然虚拟 DOM 解决了页面被频繁更新和渲染带来的性能问题，但传统虚拟 DOM 依然有以下性能瓶颈：

对此，React 框架也有进行相应的优化：使用任务调度来控制状态更新的计算和渲染

它并没有提供完整的一揽子解决方案，在开发大型前端应用时，需要向社区寻找并整合解决方案。虽然一定程度上促进了社区的繁荣，但也为开发者在技术选型和学习适用上造成了一定的成本。

React 为什么使用 JSX？

分成两种，一层或者多层的情况

一层
- 父与子的情况下，因为 React 的设计实际上就是传递 Props 即可。
- 子与父的情况下，有两种方式，分别是回调函数与实例函数
多层级间的数据通信
- 使用 React 的 Context API，最常见的用途是做语言包国际化。
- 使用全局变量与事件。全局变量通过在 Windows 上挂载新对象的方式实现，这种方式一般用于临时存储值，这种值用于计算或者上报，缺点是渲染显示时容易引发错误。
- 使用状态管理框架，比如 Flux、Redux 及 Mobx。优点是由于引入了状态管理，使得项目的开发模式与代码结构得以约束，缺点是学习成本相对较高。