این دوره آموزشی جامع، شما را با تمامی ابعاد NgRx آشنا می‌کند و اطمینان می‌دهد که پس از اتمام آن، توانایی مدیریت وضعیت هرگونه پروژه انگولار ۱۷ را خواهید داشت.

• درک عمیق از مفاهیم اصلی NgRx: State، Actions، Reducers، Effects و Selectors.
• نحوه‌ی مدیریت وضعیت برنامه با NgRx Store و استفاده از آن به عنوان یک منبع واحد حقیقت.
• پیاده‌سازی عملیات ناهمگام (Asynchronous) مانند فراخوانی APIها با NgRx Effects به صورت موثر و بدون خطا.
• بهینه‌سازی عملکرد برنامه‌ها با استفاده از NgRx Selectors و تکنیک‌های Memoization.
• معرفی و کاربرد NgRx Data برای ساده‌سازی عملیات CRUD و کاهش چشمگیر کدهای تکراری.
• راهکارهای تست‌نویسی برای کامپوننت‌های NgRx (Actions, Reducers, Effects) و اطمینان از صحت عملکرد منطق برنامه.
• آشنایی با بهترین روش‌ها (Best Practices) و الگوهای معماری برای ساخت برنامه‌های انگولار مقیاس‌پذیر با NgRx.
• ادغام NgRx با ویژگی‌های جدید انگولار ۱۷، از جمله کامپوننت‌های مستقل و جریان کنترل جدید.
• توانایی اشکال‌زدایی پیشرفته با استفاده از ابزارهای NgRx DevTools برای ردیابی تغییرات وضعیت.

یادگیری و به‌کارگیری NgRx مزایای متعددی برای توسعه‌دهندگان و پروژه‌های انگولار به همراه دارد که فراتر از صرفاً مدیریت داده‌هاست.

• **مقیاس‌پذیری و نگهداری آسان:** با ارائه یک ساختار مشخص و الگوی ثابت، NgRx امکان توسعه‌ی برنامه‌های بزرگ و پیچیده را فراهم می‌کند که در طول زمان نگهداری و گسترش آن‌ها آسان‌تر است.
• **جریان داده‌ی قابل پیش‌بینی:** مدل یک‌طرفه (Unidirectional Data Flow) در NgRx باعث می‌شود تا وضعیت برنامه به صورت شفاف و قابل پیش‌بینی تغییر کند، که این امر به کاهش باگ‌ها و اشکال‌زدایی سریع‌تر کمک می‌کند.
• **اشکال‌زدایی قوی:** ابزارهایی مانند NgRx DevTools به شما اجازه می‌دهند تا تمامی تغییرات وضعیت، اکشن‌ها و زمان‌بندی آن‌ها را مشاهده کنید، که این ویژگی فرآیند شناسایی و رفع خطاها را بسیار ساده می‌کند. این ویژگی به خصوص در پروژه‌های بزرگ و با چندین توسعه‌دهنده حیاتی است.
• **عملکرد بهبود یافته:** با استفاده از Selectors و Memoization، NgRx به شما کمک می‌کند تا فقط زمانی که واقعاً نیاز است، محاسبات را انجام دهید و از رندرینگ‌های غیرضروری جلوگیری کنید که منجر به بهبود عملکرد برنامه می‌شود.
• **قابلیت تست بالا:** جداسازی منطق وضعیت از کامپوننت‌ها باعث می‌شود تا تست‌نویسی برای قسمت‌های مختلف NgRx (Actions, Reducers, Effects) آسان‌تر و موثرتر باشد.
• **استانداردسازی:** NgRx یک استاندارد دِفاکتو برای مدیریت وضعیت در برنامه‌های انگولار است. تسلط بر آن شما را به یک توسعه‌دهنده انگولار بسیار تواناتر تبدیل می‌کند و در بازار کار ارزشمندتر می‌سازد.

برای بهره‌برداری حداکثری از این آموزش، داشتن دانش قبلی در زمینه‌های زیر توصیه می‌شود:

• **آشنایی قوی با انگولار:** درک مفاهیم اصلی انگولار مانند کامپوننت‌ها (Components)، سرویس‌ها (Services)، مسیریابی (Routing) و فرم‌ها (Forms) ضروری است.
• **مبانی جاوااسکریپت و تایپ‌اسکریپت:** تسلط بر مفاهیم ES6+ و تایپ‌اسکریپت، به خصوص مفاهیم مربوط به کلاس‌ها، اینترفیس‌ها و تزریق وابستگی (Dependency Injection).
• **درک RxJS:** آشنایی با اصول RxJS، از جمله Observableها، Operators (مانند map, filter, switchMap) و نحوه‌ی کار با آن‌ها برای مدیریت جریان‌های داده ناهمگام. NgRx به شدت بر RxJS متکی است، بنابراین درک این کتابخانه بسیار مهم است.

این دوره به گونه‌ای طراحی شده که حتی اگر تجربه‌ی قبلی با NgRx ندارید، بتوانید با آن همراه شوید، اما درک پیش‌نیازهای فوق به شما در یادگیری سریع‌تر و عمیق‌تر کمک خواهد کرد.

این دوره به صورت جامع و مرحله به مرحله طراحی شده تا شما را از مبتدی تا سطح پیشرفته در NgRx راهنمایی کند. سرفصل‌های اصلی به شرح زیر است:

• **فصل ۱: مقدمه‌ای بر NgRx و مدیریت وضعیت:**
  • چرا به مدیریت وضعیت نیاز داریم؟ چالش‌های برنامه‌های بزرگ.
  • آشنایی با الگوی Redux و نحوه‌ی کارکرد آن.
  • مفاهیم اساسی NgRx: Store، State، Actions، Reducers، Effects، Selectors.
  • نصب و راه‌اندازی NgRx در پروژه‌ی انگولار ۱۷.
• **فصل ۲: کار با NgRx Store و Actions:**
  • تعریف State برای بخش‌های مختلف برنامه.
  • ساخت و ارسال Actions برای تغییر وضعیت.
  • استفاده از Reducers برای تغییرات ایموتل (Immutable) در State.
  • معرفی NgRx DevTools برای اشکال‌زدایی.
• **فصل ۳: مدیریت عملیات جانبی با NgRx Effects:**
  • درک مفهوم Side Effects و نیاز به Effects.
  • فراخوانی APIها، عملیات دیتابیس و سایر عملیات ناهمگام.
  • مدیریت خطاها و لغو (Cancellation) عملیات Effects.
• **فصل ۴: بهینه‌سازی داده‌ها با NgRx Selectors:**
  • استخراج اطلاعات از State با استفاده از Selectors.
  • کاربرد Memoization برای بهبود عملکرد و جلوگیری از محاسبات تکراری.
  • ترکیب Selectors برای ایجاد داده‌های مشتق شده.
• **فصل ۵: ساده‌سازی با NgRx Data:**
  • معرفی NgRx Data و فلسفه‌ی آن.
  • ایجاد Entity State و Entity Action Reducers.
  • عملیات CRUD با حداقل کدهای تکراری.
  • سفارشی‌سازی و گسترش NgRx Data.
• **فصل ۶: مباحث پیشرفته و بهترین روش‌ها:**
  • مدیریت احراز هویت و دسترسی (Authentication & Authorization).
  • مدیریت خطاها به صورت سراسری.
  • استفاده از NgRx در Feature Modules.
  • الگوهای معماری پیشنهادی برای برنامه‌های بزرگ.
  • نحوه‌ی به‌روزرسانی پروژه‌های NgRx به آخرین نسخه‌ها.
• **فصل ۷: تست‌نویسی در NgRx:**
  • تست واحد (Unit Testing) برای Actions، Reducers و Effects.
  • تست یکپارچگی (Integration Testing) برای بخش‌های NgRx.

در طول این دوره، شما با مثال‌های عملی و پروژه‌های کوچک، مفاهیم را به صورت ملموس درک خواهید کرد. در اینجا به برخی از نکات کلیدی که بارها بر آن‌ها تأکید می‌شود، اشاره می‌کنیم:

یکی از اصول بنیادین NgRx، “یک منبع واحد حقیقت” (Single Source of Truth) است. این یعنی تمامی وضعیت برنامه در یک شیء واحد در Store نگهداری می‌شود که باعث می‌شود ردیابی و مدیریت داده‌ها بسیار ساده‌تر باشد.

NgRx بر مفهوم “عدم تغییرپذیری” (Immutability) تأکید دارد. هر زمان که نیاز به تغییر وضعیت دارید، به جای تغییر مستقیم شیء موجود، یک شیء جدید با تغییرات اعمال شده ایجاد می‌کنید. این امر به پیش‌بینی‌پذیری وضعیت و اشکال‌زدایی کمک شایانی می‌کند.

جریان داده در NgRx یک چرخه مشخص را دنبال می‌کند: “Action -> Reducer -> State -> Selector”. زمانی که اتفاقی در برنامه می‌افتد (کاربر روی دکمه‌ای کلیک می‌کند یا داده‌ای از سرور دریافت می‌شود)، یک Action ارسال می‌شود. این Action توسط Reducer دریافت شده و بر اساس آن، وضعیت جدیدی تولید می‌شود. سپس Selectors به شما اجازه می‌دهند تا داده‌های مورد نیاز خود را از این وضعیت جدید استخراج کرده و به کامپوننت‌ها نمایش دهید.

استفاده از NgRx Data به ویژه برای برنامه‌هایی که نیاز به انجام عملیات CRUD (ایجاد، خواندن، به‌روزرسانی، حذف) زیادی بر روی موجودیت‌ها دارند، انقلابی است. این ابزار بخش عمده‌ای از کدهای تکراری مربوط به Actions، Reducers و Effects را حذف کرده و به شما امکان می‌دهد تا با حداقل کد، یک سیستم مدیریت داده قدرتمند را پیاده‌سازی کنید.

NgRx DevTools ابزاری ضروری برای هر توسعه‌دهنده NgRx است. این افزونه مرورگر به شما اجازه می‌دهد تا هر Action ارسال شده را ردیابی کنید، وضعیت برنامه را در هر نقطه زمانی مشاهده کنید، و حتی به عقب و جلو در تاریخچه تغییرات وضعیت حرکت کنید که این قابلیت، اشکال‌زدایی را به یک تجربه لذت‌بخش تبدیل می‌کند.