前端搭建 React 项目最佳实践？

Question

最近需要从头搭建前端项目：打算使用 React + Antd 但我看 React 官方有一堆工具什么 Nextjs Remix 然后我还知道个 Vite 就现在工具好多，都懵了不知道选哪个，我只需要带简单的路由功能即可，应该怎么组合这些眼花缭乱的工具呢

Answer 1

你可以考虑使用以下组合来搭建您的 React 项目：

Create React App：这是一个官方推荐的 React 项目脚手架，可以帮助您快速搭建一个基本的 React 项目。它默认使用了 Webpack 作为打包工具，但在日常开发中您不需要关心 Webpack 的配置细节。创建一个新的 React 项目只需要执行以下命令：

npx create-react-app my-app
React Router：这是一个非常流行的 React 路由库，提供了简单的路由功能。您可以通过以下命令安装：
Copy code
npm install react-router-dom
Ant Design：这是一个非常流行的 React UI 组件库，提供了丰富的 UI 组件。您可以通过以下命令安装：

npm install antd
当然，您也可以选择 Vite 作为构建工具。Vite 提供了更快的开发环境和更简洁的配置，特别适合中小型项目。要使用 Vite 创建一个新的 React 项目，您可以执行以下命令：

npm create @vitejs/app my-app --template react

这样，你将获得一个使用 Vite 构建的基本 React 项目。然后，你可以按照上面的步骤安装 React Router 和 Ant Design。

总结一下，你可以根据项目需求和个人喜好选择 Create React App 或 Vite 作为构建工具。在项目中添加 React Router 作为路由库，使用 Ant Design 作为 UI 组件库。这样，你有一个具备基本路由功能和丰富 UI 组件的 React 项目。