AWS and React: Creating Full-Stack Apps

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

2. User Authorization for React App

• 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

3. DynamoDB API with AppSync

• 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

4. AppSync GraphQL Calls with React

• 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

Conclusion

• Next steps