1、什么是react？

  react用于构建用户号界面的JavaScript库，相当于MVC中的V

2、react的特点

1. 采用组件化模式，声明式编码，提高开发效率及组件复用率。
2. 在React Native中可以使用react语法进行移动端开发
3. 使用虚拟DOM+优秀的diffing算法，尽量减少与真是DOM的交互。
4. 灵活-react可以与已知的库或框架很好的配合
5. react实现了单向响应数据流，从而减少了重复代码

3、学习react需要掌握的JavaScript基础知识

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

4、react的初次使用（hello world）

  注意事项：

• 引入react相关的js文件一定要注意顺序
• scprit中的type属性的值一定要写type=“text/babel”
• 创建虚拟DOM的时候不要加引号，这里是jsx，不是字符串，也不是HTML/XML标签

    
    
    
    
















1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

运行结果

5、虚拟DOM的两种创建方式

方式1：通过jsx创建

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

方式2：通过原生JS（一般不用）创建

  使用React.createElement(标签名，标签属性，标签内容)创建虚拟DOM

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

  jsx创建虚拟DOM更简单

6、虚拟DOM与真实DOM

1. 本质是Object类型的对象（一般对象）
2. 虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟DOM是react内部在使用，无需真实DOM上那么多属性。
3. 虚拟DOM最终会被react转换为真实DOM，呈现在页面上