React全家桶：React基础、React-Router路由、PubSub消息管理、Redux集中式状态管理、Ant-Design一个UI组件库。

一、React入门

1、React是什么？

React是用于构建用户界面的JavaScript库。操作DOM呈现页面。是一个将数据渲染成HTML视图的开源JavaScript库。

2、React由Facebook开发开源的

3、为什么学React

原生JavaScript操作DOM繁琐、效率低（DOM-API操作UI）。使用JavaScript直接操作DOM，浏览器会进行大量的重绘重排。原生JavaScript没有组件化编码方法，代码复用率低。

4、React的特点

1、采用组件化模式，声明式编码，提高开发效率及组件复用率。

2、在React Native中可以使用React语法进行移动端开发。

3、使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互。

5、React为什么高效

使用虚拟DOM，不总是直接操作页面真实DOM，DOM Diffing算法，最小化页面重绘

6、学习React之前要掌握的JavaScript基础

判断this的指向、class(类)、ES6语法规范、npm包管理器、原型、原型链、数组常用方法、模块化

7、React的基本使用

（1）React的相关js库

1、react.js：React核心库

2、react-dom.js：提供操作DOM的react扩展库

3、babel.min.js：解析jsx语法代码转化为js代码的库

（2）创建虚拟DOM的两种方法

1、纯js方式（一般不用）

2、jsx方式

（3）虚拟DOM和真实DOM

1、React提供了一些API来创建一种“特别”的一般js对象

/* 创建一个简单的虚拟DOM对象 */
const VDOM = React.createElement('xx',{id:'xx'},'xx')

2、虚拟DOM对象最终都会被React转换为真实的DOM

3、编程时只需要操作react的虚拟DOM的相关数据，react会转换为真实DOM变化而更新姐面