🚀 Angular + NgRx 入门教程

欢迎来到Angular与NgRx的结合之旅！NgRx是Angular官方推荐的状态管理库，基于Redux模式设计，能帮助你构建可维护的单页应用。以下是关键知识点👇

📌 1. NgRx核心概念

• Store：全局状态容器，使用@ngrx/store模块管理
• Actions：状态变更的唯一方式，通过@ngrx/actions定义
• Reducers：纯函数处理状态转换，需用@ngrx/store注册
• Effects：处理异步操作，依赖@ngrx/effects模块

🧠 2. 实战教程

1. 安装依赖：npm install @ngrx/store @ngrx/effects
2. 创建Store模块：

   ng generate module store --module app
   

3. 配置Root模块：
4. 编写第一个Action：

   export const increment = createAction('[Counter] Increment');
   

📚 3. 扩展学习

• 想深入了解Reactive Programming？点击这里
• 需要查看NgRx官方文档？访问官网

📌 4. 常见工具

💡 小贴士：使用NgRx时，记得遵循"单向数据流"原则，保持组件与状态的解耦！