AWS and React: Creating Full-Stack Apps

Learn how to make effective use of the powerhouse of services and functionality available through AWS and React.

Introduction

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

1. 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

2. 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

3. 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

4. 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