React 基础入门——环境搭建与简单示例

文章三：React 基础入门——环境搭建与简单示例

React 是目前最流行的前端 JavaScript 库之一，由 Facebook 开发和维护。它采用了虚拟 DOM 和组件化的思想，能够高效地构建用户界面。下面我们就从环境搭建开始，逐步学习 React 的基础应用。

一、环境搭建

1. 安装 Node.js：React 项目依赖于 Node.js 环境，所以首先要确保已安装 Node.js。可以从 Node.js 官方网站下载并安装适合你操作系统的版本。
2. 创建 React 项目：使用 create-react-app 工具可以快速创建一个 React 项目。在命令行中执行以下命令：

npx create-react-app my-react-app

这会创建一个名为 my-react-app 的新 React 项目，并自动安装所有必要的依赖。

二、项目结构

创建好的 React 项目目录结构如下：

my-react-app/
├── public/
│   ├── index.html
│   └── favicon.ico
├──