AWS and React: Creating Full-Stack Apps (2019)
57mAdvanced2019-10-31
Authors
Bear Cahill
Mobile Application Developer
Course details
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.
Learning objectives
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
Learning objectives
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
Skills covered
Full-Stack Web DevelopmentAmazon Web Services (AWS)AmazonFront-End Web DevelopmentCloud ServicesProjectCloud PlatformsWeb DevelopmentCloud Computing
Concepts
0. Introduction
- 01 - Full-stack React development on AWS
- 02 - What you should know
1. Hosting a React App on AWS
- 03 - React app concepts
- 04 - Using npm to create a React app
- 05 - Editing the React app
- 06 - AWS S3 hosting with Amplify
- 07 - Hosting a React app on AWS
- 08 - Challenge - Host your React app on AWS
- 09 - Solution - Host your React app on AWS
2. User Authorization for React App
- 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
3. DynamoDB API with AppSync
- 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
4. AppSync GraphQL Calls with React
- 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
Conclusion
- 28 - Next steps