{"repo":"huangmingfu/react-ts-template","free":true,"listed":false,"github":"https://github.com/huangmingfu/react-ts-template","clone":"git clone https://github.com/huangmingfu/react-ts-template.git","description":"一套基于react19、ts、vite7的项目模板,帮助快速搭建react项目。集成了一些项目规范，封装了axios、router路由懒加载等，配置了环境变量、scss样式全局变量等，集成了import顺序自动美化排序等插件。","language":"TypeScript","stars":79,"topics":["react-template","react-vite-typescript","typescript","react-ts-template","react-demo","template","react19","vite7"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"中文 English React-Ts-Template 基于 React 19、TypeScript 和 Vite 构建的现代化前端项目模板 随着 create-react-app 脚手架停止维护，开发者需要一个现代化、高效且开箱即用的 React 项目模板。 React-Ts-Template 应运而生！这是一个基于最新的 React 19、TypeScript 和 Vite 打造的项目模板，旨在帮助你极速启动项目，节省大量重复的配置时间。 🌟 为什么选择 React-Ts-Template？ - ⚡ 极速开发体验 - 基于 Vite 构建，冷启动和热更新速度极快 - 🚀 前沿技术栈 - React 19、TypeScript、Zustand、React-Router 等最新技术 - 📦 开箱即用 - 集成路由、状态管理、请求封装、代码规范等完整解决方案 - 🛡️ 类型安全 - 完整的 TypeScript 类型定义，保障代码质量 - 🎨 现代 CSS - SCSS 预编译 + BEM 命名规范，样式管理更规范 - 🔧 工程化规范 - ESLint、Prettier、Stylelint、Commitlint 等代码质量保障 🚀 快速开始 🧩 核心功能 - 路由懒加载 ：封装实现了路由懒加载，提升页面切换性能，减少初始加载时间。（详见 router ） - 路由守卫 ：封装了灵活的路由守卫管理，确保用户访问权限控制，增强应用的安全性。（详见 router ） - 全局状态管理 ：提供了 Zustand 全局状态管理示例代码，简化跨组件状态共享，提升开发效率。（详见 store ） - Axios 请求封装 ：对 Axios 进行封装，统一处理 HTTP 请求和响应，简化与后端接口的交互流程。（详见service） - 工具函数、hooks ：提供了一些方便实用的工具函数和hooks。（详见utils、hooks） - import顺序自动美化排序 ：集成了 prettier-plugin-sort-imports 插件，可以自动美化 import 顺序，提高代码的可读性和可维护性。 - 其他 ：提供一些方便根据环境运行、打包的命令；配置了分包策略；本地反向代理解决跨域；还有详细的 保姆级注释 等等。 🛠 技术栈选型 类别 技术 描述 --- --- --- 核心框架 React 19 最新版 React，更高性能和更流畅的用户体验 路由管理 React-Router 支持路由懒加载，优化页面切换性能 状态管理 Zustand 轻量级状态管理库，简单易用 数据获取 SWR React Hooks 数据请求库，支持缓存、重新验证、轮询等特性 不可变数据 use-immer 基于 Immer 的 React Hook，简化复杂状态的更新操作 样式方案 SCSS + BEM 模块化样式管理，结构清晰（可自行选择使用css module xxx.module.scss ） 类名处理 clsx 轻量级 CSS 类名处理库，比 classnames 体积更小、性能更好，Antd 6.0 也开始替换使用clsx HTTP库 Axios 统一处理 HTTP 请求和响应 工具库 ahooks + es-toolkit 丰富的 React Hooks 和 JS 工具函数 构建工具 Vite 极速的构建工具，提升开发体验 类型检查 TypeScript 强大的类型系统，保障代码质量 代码规范 ESLint + Prettier + Stylelint","default_branch":null,"files":null,"tree":[],"storefront":"/r/huangmingfu","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/huangmingfu/react-ts-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}