React 初级知识入门

第一章

什么是React？

React 是由 Facebook 发布最初用于Instagram开发的一个JavaScript库。在2013年5月开源了。

相同产品包括 Angular.js，Vue.js;

在这里由于Angular比较早，而且开发比较复杂就不进行对比了。

React与Vue的对比

1. 模块化：是从代码角度进行分析；可复用代码 ==>抽离为模块，便于维护和开发。
2. 组件化：是从UI界面角度进行分析；可复用的UI元素==>抽离为单独的组件。
3. 组件化的好处：项目规模增大，组件越来越多。主要是组件拼接成为一个页面。
4. Vue实现组件化 - 通过.vue文件，来创建对应组件。    template 结构，script 行为，style 样式；
5. React - 有组件化概念，没有vue的组件模板文件。都由JS来变现。ES6和ES7（async 和 await）；

React核心概念

虚拟DOM（Virtual Document Object model）

DOM是浏览器的概念，用JS对象来表示页面上的元素，并提供了操作DOM对象的API；

什么是React中的虚拟DOM？

这是框架中的概念，是程序员用JS对象来模拟页面的DOM和DOM嵌套。

实现ＤＯＭ为了页面中，页面DOＭ元素高效更新；

创建虚拟ＤＯＭ的两种创建方式：ｊｓ和ｊｓｘ