学习笔记-React的简单介绍&工作原理

一、React简单介绍

1、React起源于Facebook内部项目，与2013年5月

2、是一个用于构建用户界面的JavaScript库

二、React特点

1、声明式设计-React采用声明范式，可以轻松描述应用

2、高效-React通过对DOM的模拟，最大限度地减少与DOM的交互

3、灵活- React可以与已知的库或框架很好的配合

4、JSX- JSX是JavaScript语法的扩展

5、组件-通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大型项目的开发中

6、单向响应的数据流-React实现了单向响应的数据流，从而减少了重复代码

三、什么事Redux

1、Redux是JavaScript状态容器，提供可预测化的状态管理

2、帮助我们的应用程序进行状态管理（data/UI）

四、工作原理

1、关键：组件

2、对于每个组件React都会在内存中构建一个相对应的DOM树。基于React开发时，所有的DOM构造都是通过Virtual DOM（虚拟DOM）进行的，它可以让React运行更高效。每次组件的更新不是直接应用在浏览器的DOM树中，而是通过虚拟DOM来进行。所以当每个组件状态发生变化，React会重新构造整个DOM数据，然后将当前整个DOM树和上一次的DOM树进行对比，得出DOM结构变化的部分，然后将更新部分更新到真实的DOM中渲染页面。