آموزش ساخت برنامه های Real-Time بوسیله React Hooks, GraphQL

با مشاهده این دوره آموزشی یاد می گیرید که چطور از React Hooks, GraphQL برای ساخت برنامه های Real-Time استفاده کنید.

عنوان اصلی : Build a Realtime App with React Hooks and GraphQL

سرفصل ها :

شروع شدن :
آنچه شما برای این دوره نیاز دارید
Git Clone Repo و نصب Dependencies
ساخت سرور GraphQL ما:
ایجاد GraphQL Server ما
ایجاد پایگاه داده با MongoDB Atlas
ایجاد مدل های Mongoose برای داده های کاربر / پین
ورود به سیستم اجتماعی با Google OAuth 2.0:
کاوش برنامه React ما
راه اندازی Google OAuth
افزودن دکمه ورود به سیستم گوگل
احراز هویت کاربران از سرور آپولو
مدیریت وضعیت برنامه با useReducer / useContext Hooks:
مدیریت وضعیت برنامه با useContext / useReducer
یک ظاهر طراحی شده Splash Page / App Cleanup
محافظت از مسیر برنامه ما:
ایجاد مسیر محافظت شده برای برنامه
ساخت هدر:
ساخت کامپوننت هدر
دکمه خروج از سیستم ساخت
ساختن نقشه / موقعیت جغرافیایی کاربر:
ایجاد و طراحی نقشه ما
قرار دادن پین در موقعیت فعلی کاربر
ایجاد منطقه وبلاگ / افزودن پین های پیش نویس:
افزودن پین پیش نویس
افزودن منطقه وبلاگ برای پین محتوا
اجزای ساختمان / یک ظاهر طراحی شده وبلاگ
مدیریت وضعیت محتوای پین و حذف پین های پیش نویس
آپلود تصویر با Clodinary Web API:
آپلود تصاویر با Clodinary
ایجاد پین های کاربری جدید:
ایجاد پین های جدید با جهش CREATE_PIN
ایجاد استفاده سفارشیClient Hook:
قلاب درخواست سفارشی GraphQL را ایجاد کنید
دریافت / نمایش پین های ایجاد شده:
نمایش پین های ایجاد شده روی نقشه
پنجره های بازشو و برجسته کردن پین های جدید:
برجسته کردن پین های تازه ایجاد شده
افزودن پنجره بازشو به پین های ما
حذف پین های کاربر:
حذف پین ها با جهش DELETE_PIN
نمایش محتوای پین:
ایجاد کردن / شکل دادن به محتوای پین
قابلیت افزودن نظر:
ساخت اجزایی برای ایجاد / نمایش نظرات کاربر
ایجاد نظرات با CREATE_COMMENT_MUTATION
مدیریت خطای مشتری:
رسیدگی به خطاهای توکن تأیید اعتبار منقضی شده
داده های زنده با اشتراک های GraphQL / مشتری آپولو:
راه اندازی اشتراک ها در Backend
اشتراک در تغییرات داده های زنده با Apollo Client
سبک کردن برنامه ما برای موبایل / useMediaQuery:
useMediaQuery برای طراحی آسان موبایل / پاسخ
بهبود برنامه ما / رفع مشکلات برنامه:
رفع مشکلات برنامه
استقرار برنامه ما:
استقرار با Now v2 و Heroku