初始React

一.React的诞生

1.什么是React?

React是一个讲数据渲染为HTML视图的来源Js库，用于构建用户界面的JS库。

在以前的学习中构建用户界面的常用操作步骤：

• 发送请求获取数据

• 处理数据（过滤，整理格式等）

• 操作DOM呈现页面

2.React诞生的原因？

• 使用原生的JS操作Dom繁琐，效率低（DOM-API操作UI）

• 使用js直接操做DOM，浏览器会进行大量的重绘重排

• 原生JS没有组件化编码方案，代码复用率太低

3.react的特点

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

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

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

4.虚拟dom的特点

关于虚拟dom:

• 本质是Object类型的对象（一般对象）

• 虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟DOM是React内部在用，无需真实DOM上那么多的属性。

• 虚拟DOM最终会被React转化为真实DOM，呈现在页面上。

例子：

1. jsx语法规则

==注意：==

$\textcolor{red}{一定要区分【js语句（代码）】与【js表达式】}$

• 表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方

下面这些都是表达式：

• a

• a+b

• demo(1)

• arr.map()

• function test(){}

• 语句（代码）:

下面这些都是语句（代码）：

• if（）{}

• for(){}

• switch(){}

6.模块组件化理解

a.什么是模块？

1）理解：向外提供特定功能的js程序，一般是个js文件

2）为什么要拆成模块：随着业务逻辑增加，代码越来越多且复杂

3）作用：复用js，简化js的编写，提高js运行效率

b.什么是组件？

1）理解：用来实现局部功能效果的代码和资源集合（html/css/js/image等等、）

2）为什么：一个界面的功能更复杂

3）作用：复用编码，简化项目编码，提高运行效率

c.什么是模块化？

当应用的js都以模块来编写的，这个应用就是一个模块化的应用

b.什么是组件化？

当应用是以多组件的方式实现，这个应用就是组件的应用。

补充：

相关js库：