react入门简介

    关于react的介绍我这里就不再说明， 可以参照官网详细了解，需要注意的一点就是react它只是一个facebook开发的用于构建用户界面的 JavaScript 库，不同于vue，在使用的时候我们可以按照实际需求或多或少引入一些react特性，也可以完全使用react构建一个完整的项目。
    当你在html页面中使用react的时候需要引入以下几个插件react.js、（这个是react的核心库）react-dom.js、（这个是react操作dom库）babel.js，（这个是js代码转义器）。
    当你想完全用react写一个单页面应用时，你就需要通过‘npx create-react-app 项目名’来创建一个新的react应用。

react的优点

• React编码人员只需针对数据进行操作，不对DOM进行直接操作，对DOM进行操作的工作交给React，降低开发难度
• React速度很快：它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好。
• 兼容性好：React会自动为我们解决浏览器兼容问题
• 组件化and模块化：在编写代码时可根据作用功能的不同进行拆分
• 单向数据流：在React中只能单向的传递数据

关于虚拟DOM

    通俗来说虚拟DOM就是一个js对象，
    当React框架在发现页面中的数据state发生改变时，就会调用render方法来从新渲染页面，如果需要渲染一整个页面从新生成一个浏览器的真实DOM不仅性能低下而且耗时长，所以React就引入了虚拟DOM的概念。当state中的数据发生改变时，React框架就不用再需要针对当前页面再生成一个真实的DOM（生成一个真实的DOM所要时间远比生成一个虚拟DOM耗时、消耗性能，因为真实DOM是application，需要调用的api远比生成一个js对象麻烦），在与浏览器中的真实DOM进行对比（进行真实DOM的比对也是一个性能非常低下的过程），React对象在此时就会生成一个虚拟的DOM对象与之前生成的虚拟DOM进行对比，对比出数据的不同之处（两个虚拟DOM比对性能非常高，因为都是js对象），在把比对出的不同之处在浏览器的真实DOM进行修改操作。