در حال حاضر محصولی در سبد خرید شما وجود ندارد.
با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با React, AWS یاد می گیرید.
عنوان اصلی : Creating a Serverless Application Using React in AWS
معرفی:
React + API + AWS = وب جدید
با استفاده از فایل های تمرین
1. به عنوان قسمت جلویی یک اکوسیستم واکنش نشان دهید:
React یک فناوری است، نه یک محیط
محیط React خود را تنظیم کنید
برنامه React خود را مستقر کنید
کد خود را به GitHub متصل کنید
پشتیبانی AWS را با Amplify اضافه کنید
چالش: برنامه محلی خود را به روز کنید و به AWS مستقر کنید
راه حل: برنامه محلی خود را به روز کنید و به AWS مستقر کنید
یک وب سایت اولیه راه اندازی و راه اندازی کنید
2. کامپوننت‌های React را برای ارائه داده‌های ساختاریافته بسازید:
ساخت یک سایت بر اساس داده های ساخت یافته
برنامه خود را با اجزاء سازماندهی کنید
چالش: ایجاد یک منو بر اساس داده های پویا
راه حل: یک منو بر اساس داده های پویا بسازید
از JSON به عنوان مدلی برای داده های بارگذاری شده پویا استفاده کنید
JSON را به عنوان داده در مؤلفه React خود بارگیری کنید
چالش: اجزای خود را به استفاده از داده های پویا تبدیل کنید
راه حل: اجزای خود را به استفاده از داده های پویا تبدیل کنید
همیشه در حال استقرار باشید
3. از DynamoDB برای ذخیره سازی ساده داده ها استفاده کنید:
رابط خط فرمان AWS را دانلود و نصب کنید
یک کاربر AWS IAM راه اندازی کنید
AWS CLI را پیکربندی کنید
AWS SDK را نصب کنید
یک جدول DynamoDB ایجاد کنید
چالش: جداول DynamoDB را برای اجزای دیگر اضافه کنید
راه حل: جداول DynamoDB را برای اجزای دیگر اضافه کنید
با استفاده از کنسول AWS داده ها را در DynamoDB بارگیری کنید
داده های تک ارزشی را به صورت برنامه نویسی در DynamoDB بارگیری کنید
داده های چند ارزشی را به صورت برنامه ریزی شده در DynamoDB بارگیری کنید
4. داده های دینامیک را در اجزای React بارگذاری کنید:
یک نقش برای دسترسی Lambda و DynamoDB ایجاد کنید
داده های DynamoDB را از تابع Lambda بارگیری کنید
Lambda خود را از AWS تست کنید
چالش: توابع Lambda را برای همه جداول بنویسید
راه حل: توابع Lambda را برای همه جداول بنویسید
یک دروازه API ایجاد کنید
یک نقطه پایانی GET برای خدمات ایجاد کنید
API Gateway خود را در مرحله جدیدی قرار دهید
اعتبارسنجی نقطه پایانی شما پویا است
چالش: نقاط پایانی بیشتری را به REST API خود اضافه کنید
راه حل: نقاط پایانی بیشتری را به REST API خود اضافه کنید
5. اتصال React به یک API:
یک React Hook و یک متغیر حالت اضافه کنید
یک عارضه جانبی با useEffect Hook ایجاد کنید
درخواست داده از یک API Gateway
سرصفحه های CORS را برای برنامه خود به روز کنید
چالش: تماس‌های API هتل Landon را تمام کنید
راه حل: تماس های API هتل Landon را تمام کنید
نتیجه:
مراحل بعدی
Creating a Serverless Application Using React in AWS
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
