AWS and React: Creating Full-Stack Apps

AWS and React: Creating Full-Stack Apps

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 57m | 1.47 GB

Before developers can take their app idea from the drawing board to the app store, certain key pieces—from hosting to user accounts—must be set in place. Amazon Web Services (AWS) offers a variety of powerhouse services you can leverage to add these essential pieces to your React apps. In this course, learn how to use AWS with React to speed up your app development workflow. Instructor Bear Cahill shows you how to work with AWS to add hosting, user authentication, and a back-end database to your React app.

Topics include:

  • Hosting a React app on AWS
  • Creating users through a React app
  • Adding user authorization to your React app
  • Creating a GraphQL API with Amplify
  • Creating and testing an AppSync API
  • AppSync GraphQL calls with React
  • Adding AppSync GraphQL to a React app
Table of Contents

1 Full-stack React development on AWS
2 What you should know
3 React app concepts
4 Using npm to create a React app
5 Editing the React app
6 AWS S3 hosting with Amplify
7 Hosting a React app on AWS
8 Challenge Host your React app on AWS
9 Solution Host your React app on AWS
10 IAM and Cognito concepts
11 Adding user auth to an AWS project
12 Adding user auth to a React app
13 Creating users through a React app
14 Challenge Add user auth to your React app
15 Solution How to add user auth to React
16 AppSync concepts
17 DynamoDB tables
18 Creating a GraphQL API with Amplify
19 Testing an AppSync GraphQL API
20 Create and test an AppSync API
21 How to create and test an AppSync API
22 Adding AppSync GraphQL to a React app
23 Adding DynamoDB data through a React app
24 CRUD DynamoDB data with a React app
25 Testing DynamoDB CRUD with a React app
26 DynamoDB data CRUD in your React app
27 How to DynamoDB data CRUD in your React app
28 Next steps