一、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中渲染页面。