一、React 简介
React，由 Facebook 开发并开源，是一个用于构建用户界面的 JavaScript 库。它以组件化的方式构建用户界面，使得开发人员可以更加高效地构建复杂的用户界面。React 的核心思想是“组件化”，它将一个界面拆分成一个个独立的组件，每个组件负责渲染特定的部分，并通过 props 和 state 来传递数据和状态。
React 的另一个重要特点是虚拟 DOM。与传统的 DOM 操作相比，React 使用虚拟 DOM 来提高性能。当组件的状态发生变化时，React 会创建一个新的虚拟 DOM 树，并将其与旧的树进行比较，然后只更新需要改变的部分，而不是整个页面。这大大减少了不必要的渲染和重绘，提高了应用的性能。
二、环境搭建
要开始使用 React，首先需要设置一个开发环境。下面是一些步骤，可以帮助你搭建一个基本的 React 环境：
安装 Node.js 和 npm：首先，你需要安装 Node.js 和 npm（Node 包管理器）。你可以从 Node.js 官网下载并安装最新版本的 Node.js，它会自动安装 npm。
创建项目文件夹：在你的计算机上创建一个新的文件夹，作为你的 React 项目文件夹。
初始化项目：打开命令行终端，导航到你的项目文件夹，并运行以下命令来初始化一个新的 npm 项目：
bash
npm init -y
这将创建一个 package.json 文件，其中包含项目的元数据和依赖项。
- 安装 React 和 ReactDOM：运行以下命令来安装 React 和 ReactDOM：
bash
npm install --save react react-dom
这将下载并安装 React 和 ReactDOM 的最新版本。
- 创建项目文件：在项目文件夹中创建一个名为 index.html 的文件，作为你的项目入口文件。然后创建一个名为 App.js 的文件，作为你的 React 组件文件。
- 编写 Hello World 组件：在 App.js 文件中，编写以下代码来创建一个简单的 Hello World 组件：
jsx
import React from 'react';
import ReactDOM from 'react-dom';
function App() {
return (
Hello, World!
);
}
ReactDOM.render(, document.getElementById('root'));
运行项目：在命令行终端中，运行以下命令来启动开发服务器：
bash
npm start
这将启动一个开发服务器，并在浏览器中打开一个新窗口或选项卡来显示你的 React 项目。你应该能看到 "Hello, World!" 的输出。
