状态管理目录结构说明
本目录包含前端状态管理的完整知识体系,按框架和主题进行分类组织。
📁 目录结构
状态管理/
├── !MOC-状态管理.md # 主索引文件
├── README.md # 本文件:目录结构说明
├── 01-核心概念/ # 理论基础和核心概念
├── 02-React生态/ # React 相关的状态管理方案
├── 03-Vue生态/ # Vue 相关的状态管理方案
├── 04-通用方案/ # 框架无关的状态管理方案
└── 05-实践与最佳实践/ # 实践经验和最佳实践
🎯 设计原则
1. 按框架分类
- React 生态:Redux、MobX、Recoil 等
- Vue 生态:Vuex、Pinia 等
- 通用方案:框架无关的状态管理模式
2. 分层清晰
- 核心概念:理论基础,适合所有开发者
- 框架生态:具体框架的实践,适合对应框架开发者
- 通用方案:跨框架的模式和方案
- 实践与最佳实践:实战经验和优化技巧
3. 易于扩展
- 使用数字前缀便于排序和扩展
- 新增框架时创建新目录(如
06-Angular生态/) - 保持一致的命名规范
📝 添加新内容指南
添加新的状态管理库
- 确定分类:属于哪个框架生态?
- 选择目录:React →
02-React生态/,Vue →03-Vue生态/ - 创建文件:使用规范的文件名
- 更新索引:在
!MOC-状态管理.md中添加链接
文件命名规范
- 使用中划线分隔:
Redux-Saga.md - 框架名在前:
Redux-Toolkit.md、Vuex-最佳实践.md - 保持简洁清晰:避免过长文件名
目录命名规范
- 使用
数字-分类格式:01-核心概念、02-React生态 - 数字前缀便于排序和扩展
- 分类名使用中文,便于理解
🔄 迁移指南
如果要将现有内容迁移到新结构:
- 核心概念 →
01-核心概念/ - React 相关 →
02-React生态/ - Vue 相关 →
03-Vue生态/ - 框架无关 →
04-通用方案/ - 实践内容 →
05-实践与最佳实践/
最后更新:2024