React零基础入门到项目实战
第一章 React介绍
提示：以下是本篇文章正文内容，下面案例可供参考
一、什么是React？
1、React概述
React是一个由Facebook开源的JavaScript库，用于构建用户界面（User Interface，简称UI）。
采用组件化的开发方式，将UI界面拆分成一个个独立的组件，从而提高了代码的可维护性和可重用性。
2、React与传统MVC的关系
是一个轻量级的视图层库！ A JavaScript library for building user interfaces
React不是一个完整的MVC框架，最多可以认为是MVC中的V（View）。
React 构建页面UI的库，可以理解为React将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以进行组合、嵌套，就成了我们所写的页面。
3、React有什么特性？
- 1）声明式设计：React采用声明范式，可以轻松描述应用。
- 2）高效：React引入了虚拟DOM（Virtual DOM）技术，通过在内存中维护一份虚拟的DOM树来优化UI界面的更新效率。当状态或属性发生变化时，React会先将新的虚拟DOM树与旧的虚拟DOM树根据Diff算法进行对比，只更新需要变化的部分，最大限度地减少与DOM的交互，从而提高UI界面的更新效率。
- 3）灵活：React可以与已知的库或者框架很好地配合，与其他技术（如Redux、Webpack、Babel等）兼容性良好，可以与它们一起使用，构建更加完整和高效的应用程序。
- 4）JSX：JSX 是 JavaScript 语法的扩展。
- 5）组件化开发：通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
- 6）响应式设计：React通过响应式的方式来更新UI界面，当状态（State）或属性（Props）发生变化时，React会重新计算UI界面的变化，并将变化应用到DOM中。实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
4、虚拟dom
传统dom更新：
在传统页面的开发模式中，每次需要更新页面时，都要手动操作DOM来进行更新。
虚拟dom：
我们知道在前端开发中，性能消耗最大的就是DOM操作，而且这部分代码会让整个项目代码变得难以维护。React把真实DOM树转换成 JavaScript对象树（Virtual DOM），最大限度地减少与DOM的交互，从而提高UI界面的更新效率
好了，这一章React介绍就到这里啦！下一章让我们正式开始React学习之旅——使用脚手架create-react-app来搭建自己的第一个react应用吧！