React-Ts-Template
本仓库是一个精心配置的 React TypeScript 模板,旨在帮助你快速启动新的 Web 应用程序开发。它集成了现代前端开发的最佳实践和常用工具,让你专注于构建出色的用户界面和体验,而无需从零开始配置基础架构。
推荐类型
【开发者自荐】
官方网站
主要特性
极速开发体验: 基于 Vite 构建,提供闪电般的冷启动速度和热模块替换 (HMR)。
类型安全: 使用 TypeScript,提供静态类型检查,减少运行时错误,提高代码可维护性。
组件化架构: 清晰的目录结构,鼓励组件化开发,方便代码组织和复用。
强大的数据获取和状态管理: 集成了 React Query 用于声明式的数据获取、缓存和状态管理,以及 Zustand 用于简单轻便的应用状态管理。
灵活的路由: 使用 React Router DOM 进行声明式路由配置,轻松构建多页面应用。
用户友好的通知: 集成 React Hot Toast 提供优雅的通知提示。
便捷的 API 调用: 内置 Axios 用于发送 HTTP 请求。
现代 CSS 框架: 预配置 Tailwind CSS,通过 utility-first 的方式快速构建美观的界面。
代码质量保障: 集成了 ESLint 和 Prettier,提供代码 linting 和自动格式化,保持代码风格一致。
易于配置: 合理的 vite.config.ts配置,包括代理设置和路径别名。
技术栈
- 核心框架: React
- 编程语言: TypeScript
- 构建工具: Vite
- 路由: React Router DOM
- 状态管理: Zustand
- 数据获取和状态管理: @tanstack/react-query
- HTTP 客户端: Axios
- UI 组件库 (非官方): 本模板鼓励你使用 Tailwind CSS 构建自定义组件,但你也可以轻松集成其他 UI 库。
- 样式: Tailwind CSS
- 代码格式化: Prettier
- 代码检查: ESLint