【React入门必备知识篇01】--- React 基础 & JSX

1.1 什么是 React

1️⃣ React 是一个用于构建用户界面的 JavaScript 库。

2️⃣ React 主要用来写HTML页面，或构建Web应用。如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。

3️⃣ React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

1.2 React 的特点

1.2.1 声明式设计

1️⃣ 你只需要描述 UI（HTML）看起来是什么样，就跟写HTML一样；

2️⃣ React 负责渲染 UI，并在数据变化时更新 UI；

代码演示如下：

const jsx = <div className="app">

	<h1>Hello React! 动态变化数据：{count}</h1>

</div>

1.2.2 基于组件

• 组件是 React 最重要的内容；

• 组件表示页面中的部分内容；

• 组合、复用多个组件，可以实现完整的页面功能；

• 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中；

1.2.3 学习一次，随处使用

• 使用 React 可以开发 Web 应用；

• 使用 React 可以开发移动端原生应用（react-native）；

• 使用 React 可以开发 VR（虚拟现实）应用（react 360）等；

---

（2）React 的基本使用

2.1 React 的安装

安装命令：npm i react react-dom

• react 包是核心，提供创建元素、组件等功能

• react-dom 包提供 DOM 相关功能等

2.2 React 的使用

1️⃣ 引入 react 和 react-dom 两个 js 文件；

<