React: ایجاد و میزبانی یک سایت Full-Stack

شما React را آموخته اید و می توانید رابط های جلویی شگفت انگیز ایجاد کنید. اما استقرار آنها به موارد بیشتری نیاز دارد. شما به منطق و مکانی برای قرار دادن آن نیاز دارید. با ترکیب UI جلوی خود با یک راه حل پشتی و میزبانی ابری ، می توانید برنامه های قدرتمند و تعاملی کامل را بسازید. در این دوره مبتنی بر پروژه ، Shaun Wassell نحوه ترکیب React ، Node.JS و خدمات وب آمازون (AWS) را در یک وب سایت کامل و پر از نمایش کامل ، از جمله فرم های کاربر پسند برای ارسال مقاله و نظرات نشان می دهد. بیاموزید که چگونه یک رابط از مؤلفه های React ایجاد کنید ، یک سرور Node.js را توسعه دهید ، در یک پایگاه داده MongoDB گره بزنید ، تأیید اعتبار کاربر را با Auth Firebase اضافه کنید و سایت خود را در خدمات وب آمازون مستقر کنید. در این دوره به Shaun بپیوندید تا مهارت های خود را برای رسیدن به خدمات مشتری خود به سطح بعدی بدست آورید: برنامه های وب تمام پشته که واقعاً تعاملی هستند.

عنوان اصلی : React: Creating and Hosting a Full-Stack Site

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

مقدمه:
یک وب سایت تمام پشته ایجاد کنید
آنچه باید بدانید
نصب Node.js و NPM
معرفی پروژه
1. ایجاد یک قسمت جلویی React:
چرا واکنش نشان می دهد؟
راه اندازی یک پروژه React
ایجاد مؤلفه برنامه
ایجاد صفحات وبلاگ خود
با استفاده از پیوندهای روتر React
پارامترهای URL با روتر React
ایجاد و پیوند لیست مقالات
ساخت مقالات خود را ماژولار لیست کنید
ایجاد یک صفحه 404 در React
2. ایجاد یک Node.js Back End:
چرا node.js؟
تنظیم سرور اکسپرس
آزمایش یک سرور اکسپرس با پستچی
پارامترهای URL در اکسپرس
مقالات بالایی
به طور خودکار با Nodemon به روز می شود
اضافه کردن نظرات
3. اضافه کردن mongoDB به node.js:
چرا MongoDB؟
بارگیری و نصب mongoDB
اضافه کردن mongoDB برای بیان
بازنویسی نقطه پایانی upvote شما
بازنویسی نظرات شما نقطه پایانی
4. اتصال انتهای و انتهای جلو:
کتابخانه Axios
اضافه کردن قلاب های React
فراخوانی UseEffect در زمان مناسب
اضافه کردن بارگیری داده ها به اجزای صفحه
نمایش نظرات
ایجاد یک دکمه upvote
ایجاد یک فرم اظهار نظر
5. افزودن احراز هویت کاربر با Firebase Auth:
چرا Auth Firebase؟
ایجاد یک پروژه Firebase
اضافه کردن Auth Firebase برای واکنش
یک فرم ورود به سیستم بسازید
ایجاد یک قلاب سفارشی
ایجاد یک صفحه حساب ایجاد
اضافه کردن auth firebase به node.js
محافظت از نقاط پایانی با استفاده از auth-tokens
محافظت از نقاط پایانی و اظهار نظر
درخواست با نشانه های Auth
ایجاد تنظیمات رابط برای کاربران معتبر
6. میزبانی یک برنامه React Full-Stack:
تهیه برنامه برای انتشار
تنظیم میزبانی برای MongoDB
انتشار یک برنامه کامل پشته
خاموش کردن یک پروژه Google Cloud
نتیجه گیری:
مراحل بعدی