آموزش مدیریت وضعیت در انگولار با NgRx - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• بهبود معماری انگولار با NgRx Improve your Angular architecture with NgRx

1. رداکس و مدیریت وضعیت 1. Redux and State Management

• مفاهیم اصلی: Reducers و Store Core concepts: Reducers and store

• مدیریت وضعیت دقیقاً چیست؟ What is state management all about?

• مفاهیم اصلی: وضعیت (State) و اکشن‌ها (Actions) Core concepts: State and actions

• چالش: طوفان فکری برای وضعیت و اکشن‌های یک اپلیکیشن هواشناسی Challenge: Brainstorm state and actions for a weather app

• پاسخ: طوفان فکری برای وضعیت و اکشن‌های یک اپلیکیشن هواشناسی Solution: Brainstorm state and actions for a weather app

2. آشنایی با NgRx 2. Introduction to NgRx

• استور NgRx: ارسال یک اکشن (Dispatch) The NgRx store: Dispatch an action

• راه‌اندازی Effects برای وظایف ناهمگام Set up effects for asynchronous tasks

• استور NgRx: گوش دادن به به‌روزرسانی‌های وضعیت The NgRx store: Listen to state updates

• پیاده‌سازی Effects Implementation of effects

• توصیف وضعیت با NgRx Describing state with NgRx

• اکشن‌ها در NgRx Actions with NgRx

• ردوسرهای NgRx Reducers in NgRx

• پاسخ: حذف کد پستی از لیست Solution: Remove a zip code from the list

• چالش: حذف کد پستی از لیست Challenge: Remove a zip code from the list

3. مباحث پیشرفته NgRx 3. Advanced NgRx

• استفاده از Entities برای مدیریت مجموعه‌ سوابق Entities to manage record collections

• استفاده از توابع Selector Using selector functions

• چالش: استفاده از NgRx برای بارگذاری داده‌های پیش‌بینی هواشناسی Challenge: Use NgRx to load forecast data

• استور روتر در NgRx The NgRx router store

• عیب‌یابی اپلیکیشن‌های NgRx Debugging NgRx applications

• پاسخ: استفاده از NgRx برای بارگذاری داده‌های پیش‌بینی هواشناسی Solution: Use NgRx to load forecast data

4. معماری کامپوننت‌ها 4. Component Architecture

• مروری بر معماری کامپوننت با NgRx Overview of component architecture with NgRx

• معماری کامپوننت در عمل Component architecture in action

5. استفاده از SignalState به جای RxJS 5. Using SignalState Instead of RxJS

• ساخت و استفاده از SignalState Creating and using SignalState

• آشنایی با سیگنال‌های انگولار (Angular Signals) Introduction to Angular Signals

• چالش: استفاده از SignalState در اپلیکیشن Challenge: Use SignalState in our application

• پاسخ: استفاده از SignalState در اپلیکیشن Solution: Use SignalState in our application

• استفاده از rxMethod و patchState برای بارگذاری و به‌روزرسانی داده‌ها Using rxMethod and patchState to load and update data

6. سیگنال استور برای مدیریت وضعیت مبتنی بر سیگنال 6. Signal Store for Signal-Based State Management

• پاسخ: ساخت اولین SignalStore شما Solution: Create your first SignalStore

• چالش: ساخت اولین SignalStore شما Challenge: Create your first SignalStore

• هوک‌ها و متدهای SignalStore Hooks and methods for SignalStore

• مقدمه‌ای بر SignalStore Introduction to SignalStore

• افزودن قابلیت‌های سفارشی به استور Adding custom store features

جمع‌بندی Conclusion

• گام‌های بعدی در مسیر یادگیری انگولار Next steps in your Angular journey