AWS and React: Creating Full-Stack Apps
Overview
Learn how to use Amazon Web Services (AWS) to efficiently add hosting, user authentication, and a back-end database to your React app.
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.
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.
Syllabus
Introduction
- Full-stack React development on AWS
- What you should know
- React app concepts
- Using npm to create a React app
- Editing the React app
- AWS S3 hosting with Amplify
- Hosting a React app on AWS
- Challenge: Host your React app on AWS
- Solution: Host your React app on AWS
- IAM and 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: How to add user auth to React
- AppSync concepts
- DynamoDB tables
- Creating a GraphQL API with Amplify
- Testing an AppSync GraphQL API
- Create and test an AppSync API
- How to create and test an AppSync API
- Adding AppSync GraphQL to a React app
- Adding DynamoDB data through a React app
- CRUD DynamoDB data with a React app
- Testing DynamoDB CRUD with a React app
- DynamoDB data CRUD in your React app
- How to DynamoDB data CRUD in your React app
- Next steps
Taught by
Bear Cahill
Never Stop Learning!
