دوره یادگیری کامل React Hooks 2021

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

عنوان اصلی : React - The Complete Guide with React Hook Redux 2021 in 4hr

سرفصل ها :

معرفی :
معرفی
نحوه ایجاد یک برنامه react جدید خالی
[اختیاری] بررسی سریع در es6:
var let و const
مشکل استفاده از موارد سوئیچ let in
به معنای واقعی کلمه
تابع پیکان
کلاس ها
اپراتور پخش
در حال تخریب
بدوی در مقابل مرجع
بدوی در مقابل مرجع
واردات و صادرات
تابع آرایه
برای در \ برای از
[REACT ESSENTIALS] JSX:
JSX چیست؟
CSS را وارد کنید
CSS درون خطی
بریس های فرفری در واکنش
شیء سبک
مسیر سریع برای تبدیل CSS به شی JS
عنصر jsx را در متغیر ذخیره کنید
[REACT ESSENTIALS] جزء عملکردی:
لیستی از کارت ایجاد کنید
ایجاد جزء کارت
[REACT ESSENTIALS] لوازم جانبی:
پاس و دریافت غرفه
چندین غرفه را پاس کنید
بچه های لوازم
[REACT ESSENTIALS] حالت:
استفاده از ایالت و تغییر دولت
انتقال تابع به جزء
صحافی دو طرفه
رندر مشروط
[REACT ESSENTIALS] فهرست:
ارائه لیستی از کارت ها
حذف یک کارت خاص
رفع خطای کلید منحصر به فرد
نام یک کارت خاص را تغییر دهید
[REACT ESSENTIALS] سبک:
سبک پویا با جاوا اسکریپت
سبک پویا با کلاس ها
جزء سبک
موضوع
دکمه استایل شده را استخراج کنید
[REACT ESSENTIALS] چرخه حیات و اثر استفاده:
تبدیل تابعی به پایه کلاس
کامپوننت کارت را به جزء پایه کلاس تبدیل کنید
نمودار روش های چرخه زندگی
چرخه حیات React - نصب
چرخه حیات React - به روز رسانی
چرخه حیات React - باز کردن
useEffect
پاکسازی useEffect
[REACT ESSENTIALS] React hooks - برای بهبود عملکرد برنامه:
استفاده از واکشی داده ها با axios
useEffect واکشی کارت
React Context
زمینه واکنش چندگانه
useContext
useReducer (ساده شده)
useReducer (معمولی)
کاهش دهنده چند کاربره
useReducer با useContext
استفاده از useReducer با useContext
از useReducer با useEffect برای واکشی داده ها استفاده کنید
لیست را با ReactStrap / Bootstrap زیبا کنید
useMemo
useMemo
useRef
useRef - با مشکلات unmount جزء مقابله کنید
useCallback - برای جلوگیری از بازسازی عملکرد
هوک سفارشی - منطق را استخراج کنید
قلاب سفارشی.- استفاده در فرم
[REACT ESSENTIALS] React Router:
روتر واکنش
لینک و NavLink
برنامه برای تغییر مسیر
جزء مرتبه بالاتر
با استفاده از axios پست ها را واکشی کنید
عبور پارامترها
دریافت پست خاص و استفاده از Switch از React Router
صفحه یافت نشد
مسیر محافظت شده
مسیر محافظت شده را اعمال کنید
[REACT ESSENTIALS] Redux:
نسخه ساده شده Redux
کاهنده
فروشگاه
اقدامات
مقدار را با useSelector و همچنین useDispatch نمایش دهید
عملیات ورود به سیستم را ارسال کنید
[پروژه ها] جستجوی تکمیل خودکار از راه دور api:
یک پروژه جدید شروع کنید، axios و adminlte را نصب کنید
تابع onchangehandler را ایجاد کنید
پیشنهادات را بر اساس ورودی کاربر ارائه دهید
لیست پیشنهادات را ارائه دهید
پیشنهاد را انتخاب کنید
[پروژه ها] Evernote Clone:
مقدمه ای بر پروژه evernote clone
نوار نوار را ایجاد کنید
هوک سفارشی
ایجاد فرم ورودی
کامپوننت خانه را ایجاد کنید
پروژه Firebase را ایجاد کنید
تنظیم Firebase در داخل برنامه
عمل افزودن یادداشت را ایجاد کنید
اسناد (یادداشت ها) را از firebase واکشی کنید
فهرست یادداشت ها را ایجاد کنید
جزء یادداشت را اصلاح کنید
ایجاد اقدام حذف یادداشت
ایجاد ضامن عملکرد مورد علاقه
با استفاده از moment js
ایجاد صفحه مورد علاقه
صفحه جزئیات یادداشت را ایجاد کنید
صفحه جزئیات یادداشت را اصلاح کنید
از توابع کمکی react redux firebase استفاده کنید
کامپوننت EditForm را ایجاد کنید
ایجاد کنش یادداشت
دریافت داده ها (یادداشت انتخابی)
یادداشت را در firebase به روز کنید
برنامه را در firebase مستقر کنید
[پروژه ها] راه راه با پایه آتش:
احراز هویت ایمیل با firebase
یک پروژه جدید در Stripe ایجاد کنید
افزونه Stripe را در Firebase نصب کنید
افزودن محصولات
داده های محصول را از فروشگاه آتش نشانی واکشی کنید
لیست طرح ها را ارائه دهید
تابع پرداخت را ایجاد کنید
بررسی کنید که آیا این محصول فعلی است