ساخت برنامه های کاربردی با React و Redux

یاد بگیرید نحوه استفاده از React، Redux، React روتر، و جاوا اسکریپت مدرن برای ساخت یک برنامه با واکنش نشان دهید. ساخت یک محیط توسعه واکنش و ساخت فرایند امروز!
آنچه شما یاد می گیرید
React یک کتابخانه با قدرت بسیار زیاد است، اما چند نظرات قوی. بنابراین ساخت چیزی قابل توجه نیاز به تعداد زیادی از تصمیمات و کار برای ساخت پایه. یادگیری نحوه استفاده از واکنش React Redux، React Router، و جاوا اسکریپت مدرن برای ساخت برنامه های قدرتمند و سریع واکنش سریع از زمین. استفاده از WebPack، Babel، Eslint، NPM Scripts، JEST، کتابخانه تست واکنش، آنزیم و غیره.

ایجاد یک محیط توسعه بازخورد سریع بازخورد که Runking and test، Transpiles مدرن جاوا اسکریپت، یک وبسایت محلی را اجرا می کند، برنامه را باز می کند و تغییرات را باز می کند شما Save.Deploy را با یک فرمان واحد ضربه بزنید. این REACT REDUX Tutorial یک مسیر روشن برای ساخت برنامه های واکنش قوی و مقیاس پذیر را با استفاده از فن آوری های مدرن و محبوب امروز ارائه می دهد.

عنوان اصلی : Building Applications with React and Redux

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

بررسی اجمالی دوره
طرح کلی دوره
این دوره برای چه کسانی است؟
این چه تفاوتی با دوره React و Flux دارد؟
چرا Redux؟
خلاصه
معرفی
Node را نصب کنید
فایل های تمرین اولیه را باز کنید
معرفی کد ویژوال استودیو
معرفی زیباتر
Pettier را پیکربندی کنید
تنظیمات اولیه پروژه را مرور کنید
ساختار اولیه برنامه را ایجاد کنید
پک وب: مقدمه
بسته وب: تنظیمات پیکربندی هسته
پک وب: Dev Server
پک وب: افزونه ها
پک وب: لودرها
معرفی بابل
Babel را پیکربندی کنید
Webpack را از طریق npm اسکریپت شروع کنید
اشکال‌زدایی و نقشه‌های منبع
رسیدگی به خطای EADDRINUSE
ESLint Intro
ESLint را پیکربندی کنید
خلاصه
معرفی
چهار روش برای ایجاد کامپوننت های React
createClass Component
جزء کلاس
مؤلفه تابع
جزء تابع پیکان
مزایای مولفه عملکردی
زمان استفاده از مولفه های کلاس در مقابل تابع
کانتینر در مقابل اجزای ارائه
خلاصه
معرفی
ایجاد صفحه اصلی
درباره صفحه ایجاد کنید
نقطه ورودی برنامه را پیکربندی کنید
ایجاد طرح‌بندی برنامه
سربرگ را ایجاد کنید
صفحه 404 را ایجاد کنید
ایجاد صفحه دوره
خلاصه
معرفی
آیا به Redux نیاز دارم؟
چه زمانی Redux مفید است؟
سه اصل اصلی Redux
Flux در مقابل Redux
نمای اجمالی Redux Flow
خلاصه
معرفی
اقدامات
فروشگاه
تغییر ناپذیری چیست؟
چرا تغییر ناپذیری؟
مدیریت تغییرناپذیری
کاهش کننده ها
خلاصه
معرفی
کانتینر در مقابل مؤلفه های ارائه
معرفی React-Redux
mapStateToProps
mapDispatchToProps
چت با Redux
خلاصه
معرفی
فرم ساده افزودن دوره را ایجاد کنید
صحافی در کلاس ها
رسیدگی به ارسال
عملیات دوره را ایجاد کنید
کاهنده دوره و کاهش دهنده ریشه ایجاد کنید
ایجاد فروشگاه
فروشگاه و ارائه دهنده آنی
موجب کانتینر را وصل کنید
از Redux Flow عبور کرده و Redux DevTools را امتحان کنید
mapDispatchToProps: نقشه برداری دستی
mapDispatchToProps: bindActionCreators
mapDispatchToProps: فرم شی
ثابت نوع عمل
خلاصه
معرفی
چرا یک API ساختگی؟
راه اندازی API ساختگی
Middleware and Async Library Options
معرفی Thunk
حذف Inline Manage Course Form
First Thunk را اضافه کنید
برگزاری دوره های بارگذاری در Reducer
ارسال اقدامات در بارگذاری
لیست دوره ها را ایجاد کنید
Redux Flow را تمرین کنید - داده‌های نویسنده را بارگیری و نمایش دهید
حالت اولیه Redux را متمرکز کنید
خلاصه
معرفی
صفحه مدیریت دوره را ایجاد کنید
فرم شیء mapDispatchToProps را پیاده سازی کنید
پیکربندی مسیریابی برای ManageCoursePage
تبدیل کامپوننت کلاس به کامپوننت تابعی با هوک
ایجاد فرم دوره
مؤلفه های TextInput و SelectInput قابل استفاده مجدد ایجاد کنید
در ManageCoursePage با CourseForm تماس بگیرید
کنترل کننده تغییر متمرکز را پیاده سازی کنید
Save Course Thunk and Action Creators را اضافه کنید
ایجاد و به‌روزرسانی را در Reducer مدیریت کنید
ارسال ایجاد و به‌روزرسانی
Redirect از طریق React Router's Redirect Component
هدایت مجدد از طریق تاریخچه روتر React
فرم را از طریق mapStateToProps پر کنید
خلاصه
معرفی
ایجاد مؤلفه Spinner
عملکردهای وضعیت API را ایجاد کنید
Call Begin API در Thunks
Spinner را به صفحات دوره اضافه کنید
افزودن نشانگر بارگیری ارسال فرم
بررسی خطاهای اعتبارسنجی سمت سرور و API
اعتبار سنجی سمت مشتری را پیاده سازی کنید
حذف های خوش بینانه
همگام سازی/در انتظار
خلاصه
معرفی
تست چارچوب ها و کتابخانه ها
جست را پیکربندی کنید
تست واکنش با تست‌های Jest Snapshot
تست واکنش با Enyzme
React را با کتابخانه تست React تست کنید
خلاصه
معرفی
نمای کلی: آزمایش مؤلفه‌های React متصل
آزمایش کامپوننت‌های React متصل
آزمایش Action Creators
Testing Thunks
کاهش دهنده های تست
تست فروشگاه
خلاصه
معرفی
برنامه اجمالی ساخت تولید
فروشگاه Redux Production را راه اندازی کنید
Webpack را راه اندازی کنید
اسکریپت‌های npm را تنظیم کنید
اجرای ساخت و بررسی محتوای بسته تولیدی
برنامه تولید را به صورت محلی اجرا کنید
چالش های نهایی