آموزش جامع React Hook

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

عنوان اصلی : React Hooks

سرفصل ها :

شروع شدن :
React Hook Intro
آنچه شما برای این دوره نیاز خواهید داشت
React 16.7 را برای استفاده از React Hook نصب کنید
React Hooks چیست؟
حرکت از کلاس ها به اجزای تابع (useState، useEffect):
معرفی useState Hook
از حالت قبلی با useState استفاده کنید
وضعیت را با useState تغییر دهید
معرفی useEffect Hook
پاکسازی عوارض جانبی در useEffect
استفاده / پاکسازی چندین شنونده در useEffect
پاک کردن شنوندگان بدون API پشتیبانی
مقایسه مولفه تابع و اجزای کلاس
ساخت مولفه های حالت دار با توابع:
پیاده سازی یک فرم ورود با چندین مقدار حالت
پیاده سازی فرم ثبت نام با ارزش واحد
مقایسه راه های مدیریت دولت
واکشی داده ها با هوک ها / جایگزینی روش های چرخه حیات کلاس (useEffect، useRef):
مقدمه ای بر پروژه واکشی داده ها
واکشی داده‌ها روی مؤلفه Mount با useEffect
استفاده از Async / Await for Fetching Data در useEffect
واکشی نتایج جستجو در به‌روزرسانی کامپوننت با useEffect
واکشی داده ها پس از ارسال فرم
با استفاده از userRef Hook در ورودی جستجوی ما
نمایش وضعیت بارگیری با useState
مدیریت خطا و نمایش خطاها با useState
طراحی پروژه ما با TailwindCSS (اختیاری)
ساختن یک برنامه CRUD کامل با React Hooks / جایگزینی Redux:
راه اندازی پروژه برای برنامه CRUD ما
اجتناب از حفاری Props با React Context و useContext Hook
جایگزینی Redux با useReducer Hook
ترکیب useContext و useReducer برای ایجاد حالت اولیه برنامه
طراحی کامپوننت TodoList ما با TailwindCSS
تغییر وضعیت Todos / مورد «TOGGLE_TODO».
حذف Todos / مورد «REMOVE_TODO».
افزودن Todos و TodoForm Component / مورد «ADD_TODO».
در حال به‌روزرسانی Todos / مورد «UPDATE_TODO».
بهبود برنامه ما
اتصال برنامه ما به یک API:
ایجاد / استقرار API ما برای تداوم داده های برنامه
ایجاد یک هوک سفارشی برای واکشی داده های اولیه برنامه
درخواست حذف Todos را حذف کنید
انجام درخواست ارسال برای افزودن کارها
انجام درخواست وصله برای جابجایی Todos
در حال اتمام برنامه ما