Pro React Admin: 融合了 React 19、Webpack 5、React Router 7、Antd 5、Typescript 5、Tailwindcss 4 及 Fetch Api 的企业级中台基础模板，为大规模系统提供技术底座，助力企业数字化转型...
Github: github.com/wkylin/pro-…
Demo: wkylin.github.io/pro-react-a…
2025/4/25 Star 达到800， 一个小目标实现了，感谢所有点赞的同事，朋友。
开发不易，如果感觉好，请给点个赞，架构还在不断完善中，期待您的加入，一起成为Contributors ！！！！
项目特性：
- 升级 Ant 5.x.x， 实现亮白与暗黑主题切换，并自定义组件主题，且组合紧凑算法实现相关主题
- 基于 React 最新版本，拥抱 Hooks
- 基于 React Router V7, 实现嵌套路由更方便
- 基于 Webpack 最新版本，实现多环境打包部署，代码分割优化，结合官方分析工具，实时优化代码
- 同时 支持 vite 6.x.x, 极速构建
- 基于 Faker 实现 Mock Server，不依赖后端实现模拟数据更加方便
- 封装 Fetch, 实现 useFetch， 请求更加方便，取消请求，实现请求及响应拦截，方便数据处理及统一报错提示
- 支持 TypeScript 5.x.x, 一切变得可控，扼杀错误于摇篮之中
- 支持多页签，提升效率，支持国际化
- 代码风格统一，项目统一配置 ESLint/Prettier/Husky/EditorConfig
- 配置 Commit message， 使用标准 commit 生成 changelog 标准化
- 配置 Sentry，方便日志追踪，及时发现问题
- 实现 ErrorBoundary，方便定位问题，避免不可预知的问题导致系统崩溃
- 代码分割，组件懒加载，Loading 垂直水平居中
- 集成单元测试，通过编写全面的测试用例，可以发现代码中的潜在问题和漏洞，确保代码的质量和稳定性
- 集成Tailwindcss V4，高度可定制主题，响应式设计友好，灵活布局，提高开发效率
- 集成Moton，提供了简洁直观的Api，用于创建流畅、高性能动画，让动画更自自然流畅，方便实现复杂的交互动画
- 集成 Bit，跨项目复用组件，支持在多个仓库间隔离和复用代码，简化协作过程，可以共享、维护和同步来自不同项目的隔离组件
- 集成 Bookstory, 方便生成组件文档
- 更多特性请 fork 项目，相信我，你会有意想不到的收获
本地运行：
- git clone github.com/wkylin/pro-…
- cd pro-react-admin
- 可以选择以下两种方式的任一方式启动项目, 其他 cli 参考 package.json 中的 scripts - npm start - npm run dev:faker 与后端接口约定后，在没有提供接口时前端可以来模拟后端返回数据 - npm run dev:server
项目预览：
暗黑主题：
ErrorBoundary:
多页签：
登录：
React Router： More Routes
Webpack Scripts:
