# React-Ts-Template-精心配置的 React TypeScript 模板 **URL:** \ **Category:** 发现频道\ **Created:** [2024 年12 月 22 日 11:01 UTC](https://meta.appinn.net/t/topic/64401 "2024-12-22T11:01:34Z")\ **Posts on this page:** 2\ **Page:** 1
作者： ![guangzhaoli](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/g/8491ac/32.png) [@guangzhaoli](https://meta.appinn.net/u/guangzhaoli)\ 发布日期： [2024 年12 月 22 日 11:01 UTC](https://meta.appinn.net/t/topic/64401/1 "2024-12-22T11:01:34Z")
## React-Ts-Template 本仓库是一个精心配置的 React TypeScript 模板，旨在帮助你快速启动新的 Web 应用程序开发。它集成了现代前端开发的最佳实践和常用工具，让你专注于构建出色的用户界面和体验，而无需从零开始配置基础架构。 ## 推荐类型 【开发者自荐】 ## 官方网站 > **[GitHub - guangzhaoli/react-ts-template: This React TypeScript template, built with Vite,...](https://github.com/guangzhaoli/react-ts-template)** > > This React TypeScript template, built with Vite, provides a solid foundation for your web application with integrated libraries like React Query, Zustand, and Tailwind CSS. ## 主要特性 - **:high_voltage: 极速开发体验:** 基于 [Vite](https://vitejs.dev/) 构建，提供闪电般的冷启动速度和热模块替换 (HMR)。 - **🛡 类型安全:** 使用 [TypeScript](https://www.typescriptlang.org/)，提供静态类型检查，减少运行时错误，提高代码可维护性。 - **⚛ 组件化架构:** 清晰的目录结构，鼓励组件化开发，方便代码组织和复用。 - **:fishing_pole: 强大的数据获取和状态管理:** 集成了 [React Query](https://tanstack.com/query/latest) 用于声明式的数据获取、缓存和状态管理，以及 [Zustand](https://github.com/pmndrs/zustand) 用于简单轻便的应用状态管理。 - **🌐 灵活的路由:** 使用 [React Router DOM](https://reactrouter.com/en/main) 进行声明式路由配置，轻松构建多页面应用。 - **📣 用户友好的通知:** 集成 [React Hot Toast](https://react-hot-toast.com/) 提供优雅的通知提示。 - **📞 便捷的 API 调用:** 内置 [Axios](https://axios-http.com/) 用于发送 HTTP 请求。 - **🎨 现代 CSS 框架:** 预配置 [Tailwind CSS](https://tailwindcss.com/)，通过 utility-first 的方式快速构建美观的界面。 - **📏 代码质量保障:** 集成了 [ESLint](https://eslint.org/) 和 [Prettier](https://prettier.io/)，提供代码 linting 和自动格式化，保持代码风格一致。 - **:gear: 易于配置:** 合理的 `vite.config.ts` 配置，包括代理设置和路径别名。 ## 技术栈 - **核心框架:** [React](https://react.dev/) - **编程语言:** [TypeScript](https://www.typescriptlang.org/) - **构建工具:** [Vite](https://vitejs.dev/) - **路由:** [React Router DOM](https://reactrouter.com/en/main) - **状态管理:** [Zustand](https://github.com/pmndrs/zustand) - **数据获取和状态管理:** [@tanstack/react-query](https://tanstack.com/query/latest) - **HTTP 客户端:** [Axios](https://axios-http.com/) - **UI 组件库 (非官方):** 本模板鼓励你使用 Tailwind CSS 构建自定义组件，但你也可以轻松集成其他 UI 库。 - **样式:** [Tailwind CSS](https://tailwindcss.com/) - **代码格式化:** [Prettier](https://prettier.io/) - **代码检查:** [ESLint](https://eslint.org/) ## 如果你喜欢本项目，请点点Star, 谢谢！ ---
作者： ![NeverMind](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/n/53a042/32.png) [@NeverMind](https://meta.appinn.net/u/NeverMind)\ 发布日期： [2024 年12 月 22 日 11:34 UTC](https://meta.appinn.net/t/topic/64401/2 "2024-12-22T11:34:15Z")
前端模板已经是遍地了，你这个模板一没有提供交互式组件选择的命令行工具，二是定义了 prettier 配置但又有文件未格式化、使用 ts 但类型检查一堆报错，三是多处无内容的空白文件，实在是有造轮子之嫌。