首先，React 是一个流行的用于构建 UI 的 JavaScript 库，特别是对于单页应用程序。它允许开发人员创建可重用的组件并有效地管理其应用程序的状态。在这篇博客中，我将详细介绍设置 React 项目的过程以及更多内容。

先决条件
在进入react或者创建react项目之前，你必须安装以下工具。

1. Node.js：您可以从官网下载最新版本的Node.js：https://nodejs.org/en。
2.代码编辑器：您可以使用任何您喜欢的编辑器，我强烈推荐使用 VSCode。

如何创建项目

1. 打开命令提示符或终端。
2. 运行以下cmd

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

文件夹结构

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: 存储项目所需的所有依赖项（例如库和包）的目录。

2. src: 包含所有 React 应用程序代码的源文件夹。这是您为 React 应用程序编写组件、样式和逻辑的地方。

3. package.json： 一个 JSON 文件，其中包含有关您的项目及其所需依赖项的元数据。它管理项目的依赖项、脚本、版本和其他内容。