状态管理目录结构说明

本目录包含前端状态管理的完整知识体系,按框架和主题进行分类组织。

📁 目录结构

状态管理/
├── !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生态/
  • 保持一致的命名规范

📝 添加新内容指南

添加新的状态管理库

  1. 确定分类:属于哪个框架生态?
  2. 选择目录:React → 02-React生态/,Vue → 03-Vue生态/
  3. 创建文件:使用规范的文件名
  4. 更新索引:在 !MOC-状态管理.md 中添加链接

文件命名规范

  • 使用中划线分隔:Redux-Saga.md
  • 框架名在前:Redux-Toolkit.mdVuex-最佳实践.md
  • 保持简洁清晰:避免过长文件名

目录命名规范

  • 使用 数字-分类 格式:01-核心概念02-React生态
  • 数字前缀便于排序和扩展
  • 分类名使用中文,便于理解

🔄 迁移指南

如果要将现有内容迁移到新结构:

  1. 核心概念01-核心概念/
  2. React 相关02-React生态/
  3. Vue 相关03-Vue生态/
  4. 框架无关04-通用方案/
  5. 实践内容05-实践与最佳实践/

最后更新:2024