آموزش کدنویسی و مدیریت React State

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با React یاد می گیرید.

عنوان اصلی : Managing React State

سرفصل ها :

بررسی اجمالی دوره
دستور جلسه
تاریخچه مختصری از مدیریت React State
هشت راه برای رسیدگی به وضعیت واکنش
ساختارهای داده جاوا اسکریپت
خلاصه
مخاطبان هدف و پیش نیازها
مصرف قلاب سفارشی
ایجاد قلاب های سفارشی برای مدیریت حالت از راه دور
اعلام حالت با useState
واکشی و ذخیره داده ها از طریق useEffect
چهار راه برای رسیدگی به تماس های API
مدیریت خطاها از طریق مرز خطا
وضعیت بارگیری جابجایی
اجرای Async/wait در useEffect
پیاده سازی حالت مشتق شده و رندرهای کاوش وقتی واکنش نشان می دهد
پیاده سازی رویداد Handlers
مقدمه
React Developer Tools
دمو را تنظیم کنید
خلاصه
قوانین هوک
پیکربندی نقطه ورودی React Router
ایجاد طرح بندی برنامه
اعلام مسیرها
اعلام مکان‌گردان‌های URL
واکشی بر اساس پارامتر URL
هندلینگ 404s
مدیریت 404s در صفحه جزئیات
پیاده سازی Nav-side سمت کلاینت از طریق Link و NavLink
مقدمه
خواندن متغیرهای URL
خواندن متغیرهای URL در صفحه جزئیات
تغییر مسیر از طریق useNavigation
خلاصه
ایجاد یک انتخاب سایز کفش
تصمیم گیری محل نگهداری ایالت
حالت استخراج برای سرصفحه سبد خرید
نمایش اقلام سبد خرید
مدیریت تغییرناپذیری
اجرای حالت مشتق شده
پیاده سازی Immutable-Friendly Add
پیاده سازی حذف غیرقابل تغییر
پیاده سازی به روز رسانی غیرقابل تغییر
مقدمه
Lazy Initializing State و Persisting State to localStorage
حالت بالابر
خلاصه
چرا تغییر ناپذیری؟
متمرکز کردن کنترل کننده های تغییر و رویدادهای ماندگار
ایجاد Checkout
تصمیمات اعتبار سنجی فرم
اجرای اعتبارسنجی فرم "در حال پرواز".
پیاده سازی State Enum در پرداخت
مقدمه
مقدمه ای بر فهرست ایالت ها
ذخیره فرم ارسال و خالی کردن سبد خرید
حالت Enums در مقابل ماشین های حالت محدود
خلاصه
لمس ردیابی برای اعتبارسنجی فوری
اجتناب از تنظیم حالت در اجزای نصب نشده
ورودی های کنترل شده در مقابل ورودی های کنترل نشده
پیاده سازی ورودی های کنترل نشده
مقدمه
ذخیره یک مقدار قبلی
خلاصه
چه زمانی یک مرجع را در نظر بگیرید
کاهش دهنده های مصرف
عملیات اعزام
استخراج مدیریت حالت به UseReducer
مدیریت کاهش دهنده های افزودن در
مدیریت انواع اقدام غیرمنتظره
مدیریت به روز رسانی در کاهش دهنده ها
مقدمه
خلاصه
چرا از Reducer استفاده کنیم؟
useState در مقابل useReducer
مصرف متن از طریق یک هوک سفارشی
مصرف یک زمینه
ایجاد کامپوننت ارائه دهنده
ایجاد یک useContext Hook قابل استفاده مجدد
اعلام یک زمینه
اعلان یک Context Provider
مقدمه
نیاز به یک Context Provider
خلاصه
چرا زمینه؟
بسته بندی برنامه در یک ارائه دهنده زمینه
اتصال به این از طریق توابع پیکان در فیلدهای کلاس
اجزای کلاس در مقابل اجزای تابع
مصرف زمینه های متعدد
مصرف رندر پروپ
مصرف یک زمینه واحد از طریق contextType
دولت اعلام کننده
دولت مشتق
تخریب و استخراج حالت در رندر
مقدمه
وضعیت تنظیم
اشتراک گذاری منطق و مصرف قلاب - گزینه 1: عبور از طریق Props
اشتراک گذاری منطق و مصرف قلاب - گزینه 2: بسته بندی سفارشی
اشتراک گذاری منطق و مصرف قلاب - گزینه 3: Render Prop
به اشتراک گذاری منطق و مصرف قلاب - گزینه 4: عملکرد کودک
خلاصه
حالت را تشکیل دهید
دولت جهانی
نحوه اجرای دموها
حالت تغییرناپذیر
مقدمه
ایالت محلی
تمرینات توصیه شده
وضعیت سرور
خلاصه: چگونه وضعیت را مدیریت کنیم