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

时间:2023-03-09 16:17:55
学习笔记-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中渲染页面。