مدیریت State انگولار با NgRx
✅ سرفصل و جزئیات آموزش
زمانی که مدتی با انگولار کار میکنید، متوجه میشوید که بخش سخت معماری اپلیکیشنها، اطمینان از جریان منظم دادهها و بروزرسانی یکنواخت آنها در رابط کاربری است.
این فرآیند به عنوان مدیریت state شناخته میشود. در این دوره، مدرس Alain Chautard اصول مدیریت state را در زمینه برنامهنویسی واکنشی آموزش میدهد و پایهای قوی برای معماری انگولار فراهم میکند. در ادامه یاد میگیرید چگونه به تغییرات state واکنش نشان دهید و آنها را تریگر کنید، اکشن ها را dispatch کنید و با افکت ها، سلکتورها و انتیتی ها کار کنید.
همچنین، خواهید دید چگونه با استفاده از NgRx معماری پایداری برای کامپوننتها بسازید، از جمله سیگنال استور که به تازگی اضافه شده است. NgRx به سرعت تبدیل به راهکار اصلی مدیریت state در اپلیکیشن های بزرگ انگولار شده است و Alain مطمئن میشود شما با نحوه استفاده از NgRx برای پیادهسازی اختصاصی انگولار از Redux آشنا شوید چرا که Redux از ماژولهای lazy-loaded ،observables و افکت های جانبی ناهمگام پشتیبانی میکند.
مدیریت State انگولار با NgRx
-
بهبود معماری انگولار با NgRx 0:00:22
-
مدیریت State دقیقاً چیست؟ 0:03:01
-
مفاهیم اصلی: State و اکشن ها 0:03:49
-
مفاهیم اصلی: Reducers و استور 0:03:13
-
چالش: ایدهپردازی درباره state و اکشن ها برای اپلیکیشن هواشناسی 0:01:00
-
راهحل: ایدهپردازی درباره state و اکشن ها برای اپلیکیشن هواشناسی 0:02:04
-
تشریح state با NgRx 0:05:59
-
اکشن ها با NgRx 0:02:55
-
Reducers در NgRx 0:03:01
-
NgRx استور: Dispatch کردن اکشن 0:02:06
-
NgRx استور: گوش دادن به بروزرسانیهای state 0:04:43
-
راهاندازی افکت ها برای تسک های ناهمگام 0:04:16
-
پیادهسازی افکت ها 0:05:32
-
چالش: حذف زیپ کد از لیست 0:00:54
-
راهحل: حذف زیپ کد از لیست 0:03:06
-
رفع اشکال اپلیکیشنهای NgRx 0:04:22
-
استفاده از توابع سلکتور 0:03:34
-
فروشگاه روتر استور NgRx 0:04:09
-
انتیتی ها برای مدیریت مجموعه رکوردها 0:03:51
-
چالش: استفاده از NgRx برای بارگذاری دادههای پیشبینی هوا 0:01:07
-
راهحل: استفاده از NgRx برای بارگذاری دادههای پیشبینی 0:03:46
-
مروری بر معماری کامپوننت با NgRx 0:02:01
-
نمایش عملی معماری کامپوننت 0:05:06
-
مقدمهای بر سیگنال های انگولار 0:02:11
-
ایجاد و استفاده از SignalState 0:01:56
-
استفاده از rxMethod و patchState برای بارگذاری و بروزرسانی دادهها 0:01:56
-
چالش: استفاده از SignalState در اپلیکیشن 0:01:44
-
راهحل: استفاده از SignalState در اپلیکیشن 0:04:10
-
معرفی SignalStore 0:02:05
-
هوکها و متدهای مرتبط با SignalStore 0:05:14
-
افزودن ویژگیهای سفارشی به استور 0:03:34
-
چالش: ایجاد اولین SignalStore 0:00:49
-
راهحل: ایجاد اولین SignalStore 0:03:17
-
گامهای بعدی در مسیر یادگیری انگولار 0:00:52
مشخصات آموزش
مدیریت State انگولار با NgRx
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:34
- مدت زمان :1:43:15
- حجم :226.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy