React应用开发模板

一个基于React、TypeScript和Vite的应用程序开发模板,专为在Cloudflare Workers上运行而设计,支持热模块替换、ESLint集成和灵活的Workers部署。

  • by czhengjuarez
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 czhengjuarez/figma-mcp-test

使用说明

React+Vite+Hono+Cloudflare Workers

此模板为使用TypeScript和Vite构建React应用程序提供了一个最小的设置,旨在在Cloudflare Workers上运行。它具有热模块替换、ESLint集成和Workers部署的灵活性。

🚀 使用这个强大的堆栈来增强您的web开发:

  • 反应 -用于构建交互式界面的现代UI库
  • 维特 -闪电般快速构建工具和开发服务器
  • 荣誉 -超轻、现代后端框架
  • Cloudflare员工 -用于全球部署的边缘计算平台

✨ 主要特点

  • 🔥 热模块更换(HMR)促进快速发展
  • 📦 开箱即用的TypeScript支持
  • 🛠️ 包括ESLint配置
  • ⚡ Cloudflare全球网络的零配置部署
  • 🎯 API路线与Hono优雅的路线
  • 🔄 全栈开发设置
  • 🔎 内置可观察性,用于监控您的员工

在几分钟内开始本地开发或直接通过Cloudflare仪表板进行部署。非常适合在边缘构建现代、高性能的web应用程序。

入门指南

要使用此模板启动新项目,请运行:

npm create cloudflare@latest -- --template=cloudflare/templates/vite-react-template

此模板的实时部署可在以下网址获得: https://react-vite-template.templates.workers.dev

发展

安装依赖项:

npm install

使用以下命令启动开发服务器:

npm run dev

您的申请将在 http://localhost:5173.

生产

构建您的生产项目:

npm run build

在本地预览您的构建:

npm run preview

将您的项目部署到Cloudflare Workers:

npm run build && npm run deploy

监控你的员工:

npx wrangler tail

额外资源