Build a React Application Using AWS Amplify

Introduction

• React and AWS: A perfect serverless match

1. The Role of AWS Amplify in a React and AWS Stack

• Get to know AWS Amplify and its key offerings
• Register for an AWS account and get familiar
• Download Node.js to prepare for JavaScript development
• The Amplify CLI is your new command line
• Configure the AWS Amplify CLI

2. React Apps in AWS Still Start as React Apps

• create-react-app saves you time
• Get familiar with the Amplify CLI
• Push your first app
• Challenge: Upload a better React page
• Solution: Upload a better React page

3. Add Authentication Using Amazon Cognito

• Amazon Coginito provides simple authentication
• React and Cognito are good companions
• Add a user through Cognito
• Challenge: Set up more Cognito users
• Solution: Set up more Cognito users

4. Set Up a GraphQL API

• AppSync gives Amplify API powers
• Add API support to your app
• Your GraphQL is schema based
• Interact with GraphQL using the web console
• Challenge: Build your schema out
• Solution: Build your schema out

5. Connect to Your GraphQL API

• Add data to your back end
• Add a GraphQL query to your React component
• Execute a GraphQL query from React
• Challenge: Add people to the application
• Solution: Add people to the application

Conclusion

• What's next?