了解React的基本知识

一、 React是什么

React是一个简单的javascript UI库，用于构建高效、快速的用户界面；它遵循组件设计模式、声明式编程范式和函数式编程概念：

1. 组件化

组件就是拥有独立功能的视图模块，可以创建拥有各自状态的组件，我们通常将应用程序的整个逻辑分解为小的单个部分。 我们将每个单独的部分称为组件，进行代码复用；

2.声明式

我们需要根据逻辑的计算来声明要显示的组件；

3.函数式

函数是数据，我们可以像保存变量一样在应用程序中保存、检索和传递这些函数；

二、React 的两大法宝

4. Virtual DOM（虚拟DOM）— React不直接操作DOM，有助于提高性能；

虚拟DOM是一个节点树，它将元素、它们的属性和内容作为对象及其属性。 React 的渲染函数从 React 组件中创建一个节点树。然后它响应数据模型中的变化来更新该树，该变化是由用户或系统完成的各种动作引起的。
（1）每当底层数据发生改变时，整个 UI 都将在 虚拟 DOM 描述中重新渲染；
（2）然后计算之前 DOM 表示与新表示的之间的差异；
（3）完成计算后，将只用实际更改的内容更新 真实 DOM。