دوره کامل برنامه نویسی React همراه با React Hooks, React Redux

یادگیری نحوه ساخت و راه اندازی برنامه های کاربردی Web React با استفاده از واکنش، Redux، WebPack، React-Router، و بیشتر!

عنوان اصلی : The Complete React Developer Course (w/ Hooks and Redux)

سرفصل های دوره :

خوش آمدید:
"چرا باید React را یاد بگیرم؟"
تنظیم محیط خود:
نصب Node.js & Yarn
Hello React:
پردازش مشروط در JSX
ES6 کنار: const و let
ES6 Aside: Arrow Functions
ES6 Aside: Arrow Functions Part II
رویدادها و ویژگی ها
صحاف داده دستی
فرم ها و ورودی ها
آرایه ها در JSX
انتخاب یک گزینه
آن را بسازید: قابلیت مشاهده را تغییر دهید
React Components:
بخش معرفی: اجزای واکنش
تفکر در React
کلاس های ES6: قسمت اول
کلاس های ES6: قسمت دوم
ایجاد یک React Component
اجزای تودرتو
لوازم جانبی
رویدادها و روشها
روش اتصال
حالت جزء چیست؟
افزودن حالت به برنامه پیشخوان: قسمت اول
افزودن حالت به برنامه پیشخوان: قسمت دوم
نحو جایگزین setState
ساخت آن: افزودن حالت به VisibilityToggle
وضعیت عدم تصمیم: قسمت اول
حالت عدم تصمیم: قسمت دوم
خلاصه: Props vs. State
مولفه‌های عملکردی بدون حالت:
مقدمه بخش: اجزای عملکردی بدون وضعیت
مؤلفه عملکردی بدون تابعیت
مقدارهای پایه پیش فرض
React Dev Tools
حذف گزینه های فردی
روش های چرخه زندگی
ذخیره و بارگیری داده های گزینه ها
ذخیره و بارگیری تعداد
پک وب:
معرفی بخش: پک وب
Webpack چیست؟
از ماژول های جهانی اجتناب کنید
نصب و پیکربندی Webpack
واردات/صادرات ES6
صادرات پیش‌فرض
وارد کردن ماژول‌های npm
راه اندازی Babel با Webpack
یک جزء در هر فایل
نقشه های منبع با Webpack
Webpack Dev Server
ویژگی های کلاس ES6
استفاده از کامپوننت شخص ثالث:
معرفی بخش: استفاده از یک جزء شخص ثالث
انتقال کودکان به کامپوننت
راه اندازی React-Modal
پاداش: بازسازی سایر اجزای عملکردی بدون تابعیت
Styling React:
بخش معرفی: Styling React
راه اندازی Webpack با SCSS
معماری و سبک های سربرگ
بازنشانی آن $#!*
مضمون سازی با متغیرها
دکمه بزرگ و لیست گزینه ها
استایل دادن به لیست گزینه ها
مورد گزینه استایل
Styling React-Modal
ملاحظات تلفن همراه
پاداش: Favicon
React-Router:
معرفی بخش: React Router
مسیریابی سرور در مقابل مشتری
تنظیم برنامه بودجه
React-Router 101
راه اندازی 404
پیوند بین مسیرها
سازماندهی مسیرهای ما
رشته های پرس و جو و پارامترهای URL
ساخت آن: روتر برای سایت نمونه کارها
Redux:
معرفی بخش: Redux
چرا به چیزی مانند Redux نیاز داریم؟
راه اندازی Redux
اقدامات اعزام
اشتراک و اقدامات پویا
تخریب شیء ES6
تخریب آرایه ES6
بازسازی و سازماندهی
کاهش کننده ها
کار با کاهش دهنده های متعدد
ES6 Spread Operator در Reducers
گسترش اشیا
در حال جمع کردن Reducers ما
فیلتر کردن داده های Redux
مرتب‌سازی داده‌های Redux
واکنش با Redux:
معرفی بخش: اتصال React و Redux
سازماندهی Redux
مؤلفه مرتبه بالاتر
اتصال فروشگاه و کامپوننت با React-Redux
پرداخت هزینه های فردی
ورودی های کنترل شده برای فیلترها
کرکره برای انتخاب مرتب سازی
ایجاد فرم افزودن/ویرایش هزینه
تنظیم انتخابگر تاریخ
سیم کشی افزودن هزینه
سیم کشی ویرایش هزینه
ابزارهای توسعه دهنده Redux
فیلتر بر اساس تاریخ
آزمایش برنامه شما:
بخش مقدمه: تست اجزای واکنش
تنظیم Jest
هزینه های آزمایشی مولدهای اقدام
تست فیلترهای اکشن ژنراتورها
انتخاب کننده هزینه های آزمایشی
کاهنده فیلترهای آزمایشی
کاهش دهنده هزینه های آزمایش
تست عکس فوری
آنزیم
تست عکس فوری با اجزای پویا
مسخره کردن کتابخانه ها با جست
تست تعامل کاربر
تست جاسوسان
تست AddExpensePage
تست EditExpensePage
تست کردن ExpenseListFilters
تست ExpenseListFilters: قسمت دوم
استقرار برنامه‌های شما:
معرفی بخش: استقرار برنامه‌های شما
نصب Git
Git چیست؟
ادغام Git در پروژه ما
راه اندازی SSH و Github
پک تولیدی
ایجاد فایل های CSS مجزا
یک وب سرور تولیدی با Express
استقرار با Heroku
وابستگی های منظم در مقابل توسعه
گردش کار ویژگی جدید
ساخت آن: افزودن کل انتخابگر
ساخت آن: افزودن جزء خلاصه
Firebase 101:
معرفی بخش: Firebase 101
در حال دریافت Firebase
نوشتن در پایگاه داده
ES6 Promises
قول با Firebase
حذف داده ها از Firebase
به روز رسانی داده ها
در حال واکشی داده ها از Firebase
داده های آرایه در Firebase: قسمت اول
داده های آرایه در Firebase: قسمت دوم
Firebase با Redux:
معرفی بخش: Firebase با Redux
عملکردهای ناهمزمان Redux
تستAsync Redux Actions: Part I
تست اقدامات Async Redux: قسمت دوم
ایجاد پایگاه داده آزمون مجزا
متغیرهای محیطی Heroku
هزینه‌های واکشی: بخش اول
هزینه های واکشی: قسمت دوم
حذف هزینه
هزینه به‌روزرسانی
Authentication Firebase:
مقدمه بخش: احراز هویت Firebase
صفحه ورود و احراز هویت Google
خروج از سیستم
تغییر مسیر ورود یا خروج
Auth Reducer
مسیرهای فقط خصوصی
مسیرهای فقط عمومی
داده های Firebase خصوصی
اعتبار سنجی و استقرار داده ها
برنامه بودجه سبک:
معرفی بخش: برنامه بودجه استایل
صفحه ورود به سبک
دکمه های استایل
منطقه خلاصه استایل
فیلترهای فهرست استایل
ورودی‌های سبک
فرم هزینه استایل
لیست هزینه های استایلینگ: قسمت اول
فهرست هزینه های استایلینگ: قسمت دوم
افزودن لودر
Babel Polyfill
استقرار نهایی
حالا چی؟ :
بخش به: اکنون چه؟
ایجاد صفحه دیگ نهایی
افزایش برنامه بودجه
بهبود برنامه عدم تصمیم
ایده برنامه جدید: وبلاگ
تا دفعه بعد
[جدید!] قلاب‌ها، زمینه، قطعات، و موارد دیگر:
معرفی بخش
استفاده از Create React App
UseState Hook
useState در مقابل setState
حالت پیچیده با useState
قلاب useEffect
وابستگی های useEffect
جلوه های پاکسازی
قلاب useReducer
Context API & useContext Hook: قسمت اول
Context API & useContext Hook: Part II
قطعات
ایجاد قلاب های سفارشی