Build a React Application Using AWS Amplify

Leverage AWS Amplify to quickly build React apps using native AWS features. Discover how to reduce repetitive setup tasks, integrate your apps with AWS cloud services, and more.

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?