React---学习开篇

忙了一段时间后，终于解放了，歇歇脚开始学习React。近年来，React框架在某些大厂用的还是比较多的，作为本人技术的空白，我准备恶补一下，好好学习，天天向上，加油！

一、官网

1. 英文官网: https://reactjs.org/
2. 中文官网: https://react.docschina.org/

二、介绍描述

1. 用于动态构建用户界面的 JavaScript 库(只关注于视图)
2. 由Facebook开源

三、React的特点

1. 声明式编码
2. 组件化编码
3. React Native 编写原生应用
4. 高效（优秀的Diffing算法）

四、React高效的原因

1. 使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。
2. DOM Diffing算法, 最小化页面重绘。

五、React的基本使用

1. 效果

 

 

 

2. 相关js库

1. react.js：React核心库。
2. react-dom.js：提供操作DOM的react扩展库。
3. babel.min.js：解析JSX语法代码转为JS代码的库。

3. 创建虚拟DOM的两种方式

1. 纯JS方式(一般不用)
2. JSX方式
3. React提供了一些API来创建一种 “特别” 的一般js对象

4. 虚拟DOM与真实DOM

1 const VDOM = React.createElement('xx',{id:'xx'},'xx')

l 上面创建的就是一个简单的虚拟DOM对象

1. 虚拟DOM对象最终都会被React转换为真实的DOM
2. 我们编码时基本只需要操作react的虚拟DOM相关数据, react会转换为真实DOM变化而更新界。