/diary-time-management

A piece of paper for flexible time management

Primary LanguageTypeScript

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