React 全家桶 ​

简介 ​

用于构建用户界面的 JavaScript 库

React 是一个将数据渲染为 HTML 视图的开源 JavaScript 库。

(1)谁开发的？ ​

(2)为什么要学？ ​

(3)React 的特点 ​

React JSX ​

全称: JavaScript XML jsx 语法规则：

1. 定义虚拟 DOM 时,不要写引号

2. 标签中混入 js 表达式时要用{}

3. 样式的类名指定不要用 class，要用 className

4. 内联样式，要用 style=【【key:value}}的形式去写。

5. 只能有一个根标签。

6. 标签必须闭合

7. 标签首字母

（1）若小写字母开头，则将标签转为 html 中同名元素，若 html 中无该标签对应的同名元素，则报错。

（2）若大写字母开头，react 就会渲染对应的组件，若组件没有定义，则报错。

模块与组件、模块化与组件化的理解 ​

• 模块

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

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

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

• 组件

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

  2. 为什么要用组件： 一个界面的功能更复杂

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

• 模块化

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

• 组件化

  当应用是以多组件的方式实现, 这个应用就是一个组件化的应用