DEV Community
·
npx create-react19-app@latest my-app：一个多页面（基于文件路由）SSR的React 19应用
💡
原文英文，约600词，阅读约需2分钟。
📝
内容提要
我使用命令(npx create-react19-app@latest my-app)创建了一个多页面SSR的React 19应用。通过--nossr选项，可以生成无SSR的单页面应用。项目结构清晰，支持TypeScript和JavaScript，详细信息可在每个项目的readme中找到。
🎯
关键要点
- 使用命令(npx create-react19-app@latest my-app)创建多页面SSR的React 19应用。
- 可以通过--nossr选项创建无SSR的单页面应用。
- 项目结构清晰，支持TypeScript和JavaScript，具体信息在每个项目的readme中。
- 命令会克隆一个git仓库，重新初始化git，进行初始提交并安装依赖。
- 项目开发时，src文件夹是主要开发区域，setup文件夹包含设置内容。
- 多页面SSR应用的文件结构包括page.tsx和index.html文件。
- 单页面应用的文件结构包含app.tsx文件，替代了page.tsx。
- 示例代码展示了如何使用Suspense和serverFunction。
- 可以选择使用react-enhanced-suspense或React的Suspense，效果相同。
- 更多信息可在每个项目的readme中找到。
❓
延伸问答
如何使用命令创建多页面SSR的React 19应用？
使用命令npx create-react19-app@latest my-app可以创建多页面SSR的React 19应用。
如何创建无SSR的单页面React 19应用？
可以通过在命令中添加--nossr选项，使用npx create-react19-app@latest --nossr my-spa来创建无SSR的单页面应用。
项目的主要开发区域在哪里？
项目的主要开发区域是src文件夹，设置内容在setup文件夹中。
多页面SSR应用和单页面应用的文件结构有什么不同？
多页面SSR应用包含page.tsx和index.html文件，而单页面应用包含app.tsx文件。
如何在项目中使用Suspense？
可以使用react-enhanced-suspense或React的Suspense，效果相同，具体用法在示例代码中展示。
项目的详细信息在哪里可以找到？
每个项目的详细信息可以在其readme文件中找到。
🏷️
标签
➡️
