创建 React 应用

如果你想使用 React 构建新的应用或网站，我们建议从框架开始。

如果你的应用有现有框架无法很好满足的限制，你更倾向于构建自己的框架，或者你只是想学习 React 应用的基础知识，你可以从零开始构建 React 应用。

全栈框架

这些推荐的框架支持你在生产环境中部署和扩展应用所需的所有功能。它们集成了最新的 React 特性，并充分利用了 React 的架构。

js（应用路由器）

js 的应用路由器是一个 React 框架，它充分利用了 React 的架构，以实现全栈 React 应用。

npx create-next-app@latest

Next.js 由Vercel维护。你可以部署 Next.js 应用到任何支持 Node.js 或 Docker 容器的托管提供商，或到你自己的服务器。Next.js 还支持静态导出，这不需要服务器。

React Router（v7）

React Router是 React 最流行的路由库，可以与 Vite 配对以创建全栈 React 框架。它强调标准的 Web API，并提供了多个可立即部署的模板，适用于各种 JavaScript 运行时和平台。

要创建新的 React Router 框架项目，请运行：

npx create-react-router@latest

React Router 由Shopify维护。

Expo（用于原生应用）

Expo是一个 React 框架，可让你创建具有真正原生 UI 的通用 Android、iOS 和 Web 应用。它为React Native提供了一个 SDK，使原生部分更易于使用。要创建新的 Expo 项目，请运行：

npx create-expo-app@latest

如果你是 Expo 新手，请查看Expo 教程。

Expo 由Expo（公司）维护。使用 Expo 构建应用是免费的，你可以不受限制地将它们提交到 Google 和 Apple 应用商店。Expo 还额外提供可选的付费云服务。

还有其他新兴框架正在朝着我们的全栈 React 愿景努力：

• TanStack Start（测试版）：TanStack Start 是一个由 TanStack Router 驱动的全栈 React 框架。它使用 Nitro 和 Vite 等工具提供完整的文档 SSR、流式传输、服务器函数、打包等功能。
• RedwoodSDK：Redwood 是一个全栈 React 框架，包含许多预安装的包和配置，使得构建全栈 Web 应用变得容易。

从零开始

如果你的应用存在现有框架无法很好满足的限制，你更倾向于构建自己的框架，或者你只是想学习 React 应用的基础知识，还有其他选项可用于从零开始创建 React 项目。

从零开始提供了更大的灵活性，但确实需要你为路由、数据获取和其他常见使用模式选择使用哪些工具。这很像构建你自己的框架，而不是使用已经存在的框架。我们推荐的框架已经为这些问题内置了解决方案。

如果你想构建自己的解决方案，请参阅我们的指南从零开始构建 React 应用，了解如何从使用像 Vite、Parcel 或 RSbuild这样的构建工具开始，设置一个新的 React 项目。

如果你是希望被列入此页面的框架作者，请告知我们。