react学习笔记一：react介绍

将view规划成一个个的组件，是一个响应式的声明式的设计。

虚拟dom，减少dom操作。vue的虚拟dom是在react的基础上拓展来的。

单向数据流：是一种数据流动的模式。数据流的方向是有上到下的，在react中主要是从父组件流向子组件。

优点：

1、让数据的复杂度更低。

2、有助于状态管理和调试。

3、提高代码的耦合性和维护性。

应用场景：

1、多个组件共享状态时

2、大项目

渲染的过程：

html解析成dom树 > css解析成css树 > dom树+css树解析成 渲染树 > 计算大小、位置，屏幕展示。

重排（回流）：部分或全部元素走重新渲染的的过程。

回流：页面元素样式改变不影响文档流的位置（渲染树中不用计算大小和位置），直接进行渲染。相当于前面的前面到渲染树基本不用再走一遍，直接将改变的元素样式进行渲染。

虚拟dom与真实dom进行对比，然后将不同的部分用补丁的方式，对dom进行操作，这样可以减少dom的消耗。

再次回顾react，发现对react中虚拟dom的理解更为深入，已经渲染的过程理解更为清晰。

react官网