|-- build | |-- webpack.base.ts # 公共配置 | |-- webpack.dev.ts # 开发环境配置 | |-- webpack.prod.ts # 打包环境配置 | |-- webpack.analy.ts # 打包速度配置 |-- public | |-- index.html # html 模板 |-- src | |-- App.css | |-- App.tsx | |-- index.tsx # react 应用入口页面
- 🚀 主技术栈:webpack5 + React18 + TS4.x + React-Router6.x
- 🚀 代码风格和规范:eslint + prettier + stylelint + husky + pre-commmit + commitlint
- 🚀 样式与处理器: -- CSS module:less、sass、stylus -- CSS-in-JS:styled-components、emotion -- Atom CSS:tailwind、windi
- 🚀 状态管理:TanStack Query、RTK/RTK-Query、mobx、recoil、jotai、zustand......
- 🚀 UI:Antd5.x、Arco design -(按需加载、dark theme、I18n)
- 🚀 单测:Jest、React testing library,Chai、Mocha、Enzyme's......
- 🚀 性能优化 -- 工具层面:热更新、资源压缩、代码分离(动态导入、懒加载、预加载等)、缓存…… -- 代码层面:大组件拆分、全局状态管理、组件封装、re-render -- 静态资源:图片、fonts、Media、数据资源(JSON、csv、tsv、excel)......
- 🚀 React-Admin、可视化大屏、响应式、代码生成、低代码
- 🚀 权限:React-Admin(RBAC) + Go、React-Admin(RBAC) + Node
- 🚀 接口 mock
- 🚀 CI/CD、nginx、jekins、Docker 部署