README.md

react-best-practice-project

真实世界中使用垂直切片架构模板

架构思想

https://iced-stealer-bdc.notion.site/6993f6f178bd44e29c9fd1ea615d97f0

• vite + typescript + react + react-router 项目初始化
• 垂直切片架构设计项目文件
• cli 自动化创建样板文件
• 编码质量工具配置: eslint, prettier, commit-lint
• 状态管理设计
• 登录注册以及权限架构
• 项目规范
  • 编码规范
  • 流程规范
• 缓存优先系统
• 主题系统
• 单元测试
• 通用组件封装
• 响应式系统
• 异常处理架构
• 多语言
• SEO
• 多环境配置
• Node中间层
• CI/CD
• DevOps
• 前端监控系统
• 埋点系统
• 微前端系统
• 低代码系统
• mock 服务
• node 中间层
• 可用性

参考

1. 针对前端的垂直切片架构思想：https://github.com/feature-sliced/documentation
2. 一个高度可扩展、离线优先的基础，具有最佳的开发人员体验，并专注于性能和最佳实践。https://github.com/react-boilerplate
3. The Clean Code: https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html