استاد شدن در کار با React

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

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

سرفصل ها :

React چیست
راه اندازی محیط توسعه
اولین برنامه React شما
سلام دنیا
تنظیمات سفارشی
معماری تمام پشته
ساختار دوره
معرفی
اجازه دهید در مقابل Var در مقابل Const
اشیاء
این کلمه کلیدی
مقید کردن این
توابع پیکان
توابع فلش و این
روش Array.map
تخریب شی
اپراتور گسترش
کلاس ها
وراثت
ماژول ها
صادرات نامگذاری شده و پیش فرض
معرفی
راه اندازی پروژه
اولین React Component شما
مشخص کردن کودکان
تعبیه عبارات
تنظیم ویژگی ها
رندر کردن کلاس ها به صورت پویا
رندر لیست ها
رندر مشروط
رسیدگی به رویدادها
Binding Event Handlers
به روز رسانی دولت
وقتی حالت تغییر می کند چه اتفاقی می افتد
گذر از آرگومان های رویداد
راه اندازی پروژه Vidly
تمرینات
ساخت مؤلفه فیلم ها
حذف یک فیلم
رندر مشروط
خلاصه
معرفی
آهنگسازی اجزا
انتقال داده به کامپوننت ها
کودکان عبوری
اشکال زدایی React Apps
Props در مقابل دولت
بالا بردن و رسیدگی به رویدادها
به روز رسانی دولت
منبع واحد حقیقت
حذف دولت محلی
چندین مؤلفه در همگام سازی
بالا بردن دولت
اجزای عملکردی بدون تابعیت
استدلال های تخریبی
قلاب چرخه حیات
فاز نصب
فاز به روز رسانی
فاز جدا کردن
دکمه کاهش تمرین
راه حل - دکمه کاهش
Exercise- Like Component
راه حل - مانند کامپوننت
خلاصه
معرفی
تمرین- جزء صفحه بندی
صفحه بندی - رابط کامپوننت
صفحه بندی - نمایش صفحات
صفحه بندی- مدیریت تغییرات صفحه
صفحه بندی - صفحه بندی داده ها
صفحه بندی- بررسی نوع با PropTypes
Exercie- ListGroup Component
فیلتر کردن - رابط کامپوننت
فیلتر کردن - نمایش اقلام
فیلتر کردن - لوازم پیش فرض
فیلتر کردن - انتخاب مدیریت
فیلتر کردن- پیاده سازی فیلترینگ
فیلتر کردن - اضافه کردن همه ژانرها
مرتب سازی- استخراج MoviesTable
مرتب سازی - افزایش رویداد مرتب سازی
مرتب سازی- پیاده سازی مرتب سازی
مرتب سازی- مسئولیت حرکت
مرتب سازی- استخراج TableHeader
مرتب سازی- استخراج TableBody
مرتب سازی - ارائه محتوای سلولی
مرتب سازی - کلیدهای منحصر به فرد - نهایی
مرتب سازی - اضافه کردن نماد مرتب سازی
جدول مرتب سازی- استخراج
مرتب سازی - استخراج یک روش
استدلال های تخریبی
خلاصه
معرفی
برپایی
اضافه کردن مسیریابی
تعویض
ارتباط دادن
لوازم مسیر
پاس پاس
پارامترهای مسیر
پارامترهای اختیاری
پارامترهای رشته پرس و جو
تغییر مسیرها
ناوبری برنامه ای
مسیریابی تودرتو
تمرینات- NavBar و Routing
اضافه شدن React Router
اضافه کردن مسیرها
اضافه کردن NavBar
پیوند دادن به MovieForm
خلاصه
معرفی
ساخت فرم بوت استرپ
رسیدگی به ارسال فرم
مراجع
عناصر کنترل شده
مدیریت چند ورودی
خطاهای رایج
استخراج ورودی قابل استفاده مجدد
اعتبار سنجی
پیاده سازی اعتبار سنجی پایه
نمایش خطاهای اعتبارسنجی
اعتبار سنجی در تغییر
جوی
اعتبار سنجی یک فرم با استفاده از Joi
اعتبارسنجی یک فیلد با استفاده از Joi
غیرفعال کردن دکمه ارسال
بررسی کد
استخراج فرم قابل استفاده مجدد
استخراج روش های رندر کمکی
فرم ثبت نام
بررسی کد
تمرین 2- فرم فیلم
بررسی کد
تمرین 3- جستجوی فیلم ها
بررسی کد
معرفی
JSON Placeholder
مشتریان Http
دریافت داده ها
ایجاد داده
چرخه حیات یک درخواست
به روز رسانی داده ها
حذف داده ها
به روز رسانی های خوش بینانه در مقابل بدبینانه
خطاهای مورد انتظار در مقابل خطاهای غیرمنتظره
مدیریت خطاهای غیرمنتظره در سطح جهانی
استخراج سرویس Http قابل استفاده مجدد
استخراج یک ماژول پیکربندی
نمایش اعلان‌های نان تست
خطاهای ثبت نام
استخراج سرویس Logger
Vidly Backend
نصب MongoDB در مک
نصب MongoDB روی ویندوز
راه اندازی Node Backend
غیرفعال کردن احراز هویت
تمرین- صفحه فیلم ها را به Backend متصل کنید
اضافه کردن خدمات Http و Log
جایگزینی FakeGenreService
جایگزینی FakeMovieService
استخراج فایل کانفیگ
تمرین- فرم فیلم را به Backend متصل کنید
پر کردن فرم
Refactoring
ذخیره فیلم
Refactoring
معرفی
ثبت نام کاربر جدید
ارسال فرم ثبت نام
رسیدگی به خطاهای ثبت نام
ورود به سیستم یک کاربر
ارسال فرم ورود
رسیدگی به خطاهای ورود
ذخیره سازی JWT
ورود کاربر پس از ثبت نام
JSON Web Tokens (JWT)
دریافت کاربر فعلی
نمایش کاربر فعلی در نوار نوار
خروج یک کاربر
Refactoring
فراخوانی نقاط پایانی API محافظت شده
رفع وابستگی های دو جهته
مجوز
نمایش یا پنهان کردن عناصر بر اساس کاربر
حفاظت از مسیرها
استخراج ProtectedRoute
تغییر مسیر بعد از ورود
ورزش
پنهان کردن ستون حذف
معرفی
متغیرهای محیطی
ساختمان های تولیدی
شروع کار با Heroku
MongoDB در ابر
افزودن کد به مخزن Git
در حال اعزام به هروکو
مشاهده گزارش‌ها
تنظیم متغیرهای محیطی در هروکو
آماده سازی Font-end برای استقرار
استقرار Front-end
معرفی
راه اندازی محیط توسعه
مولفه های مرتبه بالاتر
پیاده سازی یک جزء مرتبه بالاتر
قلاب
UseState Hook
قلاب useEffect
قلاب های سفارشی
واکشی داده ها با هوک
متن نوشته
زمینه در اجزای کلاس
زمینه در اجزای عملکردی
به روز رسانی زمینه
مصرف زمینه های متعدد