标签：DOM JavaScript 笔记 React 组件 原理 Redux JSX

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

标签：DOM,JavaScript,笔记,React,组件,原理,Redux,JSX
来源： https://www.cnblogs.com/wanli-leon/p/15449387.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。