AWS and React: Creating Full-Stack Apps

AWS and React: Creating Full-Stack Apps

1h 31mAdvanced2024-02-07

Authors

Bear Cahill

Bear Cahill

Mobile Application Developer

Course details

Web app development implies a lot of potential pieces of software development. You may be an expert on React, JavaScript, and other aspects of the development side, but if you know less about server-side hosting, user authentication, and database storage through an API, this course can help fill in those gaps. Mobile application developer Bear Cahill guides you through the process of creating full-stack apps. Go over the steps involved in hosting a React app on AWS, then dive into user authorization for the app. Explore how to use DynamoDB API with AppSync, as well as using AppSync GraphQL calls with React. Plus, work through hands-on challenges that give you a chance to apply what you learn.

Skills covered

Full-Stack Web DevelopmentAmazon Web Services (AWS)AmazonFront-End Web DevelopmentCloud ServicesProjectCloud PlatformsWeb DevelopmentCloud Computing

Concepts

Introduction

  • Full-stack React development on AWS
  • What you should know

Hosting a React App on AWS

  • React app concepts
  • Using npm to create a React app
  • Editing a React app
  • AWS S3 hosting with Amplify
  • Hosting your React app on AWS
  • Challenge - Host your React app on AWS
  • Solution - Host your React app on AWS

User Authorization for React App

  • IAM Cognito concepts
  • Adding user auth to an AWS project
  • Adding user auth to a React app
  • Creating users through a React app
  • Challenge - Add user auth to your React app
  • Solution - Add user auth to your React app

DynamoDB API with AppSync

  • AppSync concepts
  • DynamoDB tables
  • Creating a GraphQL API with Amplify
  • Testing an AppSync GraphQL API
  • Challenge - Create and test an AppSync API
  • Solution - Create and test an AppSync API

AppSync GraphQL Calls with React

  • Adding AppSync GraphQL to a React app
  • Adding DynamoDB data through a React app
  • Reading DynamoDB data with a React app
  • Updating DynamoDB data with a React app
  • Challenge - Deleting DynamoDB data in your React app
  • Solution - Deleting DynamoDB data in your React app

Conclusion

  • Continue learning with Bear's next steps
40,000 Toman