Serverless React with AWS Amplify - The Complete Guide
4.5 (783 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,279 students enrolled

Serverless React with AWS Amplify - The Complete Guide

Build full-stack React apps faster than ever, which scale to millions of users, and run entirely in the cloud!
4.5 (783 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,279 students enrolled
Created by Reed Barger
Last updated 1/2020
English [Auto]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8.5 hours on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to create stunning end-to-end serverless React apps
  • See how to rapidly build React apps; faster than you've ever built React web apps before!
  • Use and implement all of the major AWS services that are made available with Amplify
  • Discover how to make infinitely scalable React projects which run entirely in the cloud
Course content
Expand all 62 lectures 08:27:36
+ Getting Started
4 lectures 14:20
How to Get the Most out of This Course
Configuring Amplify CLI with AWS Account
+ Getting Familiar with the Amplify CLI
5 lectures 21:40
Setting up our GraphQL API with Authentication
Generating an Entire GraphQL API off of our Schema
Configuring Amplify with React
+ Ridiculously Simple Authentication using withAuthenticator HOC
3 lectures 21:18
Using withAuthenticator to Auth Users (in 2 Lines of Code)
Exploring the Cognito Console / Enabling SMS Verification (Optional)
Creating the App UI
+ Executing GraphQL Queries / Mutations with AppSync
4 lectures 21:07
Running createNote Mutation from AppSync Console
Executing GraphQL Mutations on the Client
Async / Await with GraphQL Operations
Running listNotes Query in AppSync and on Client
+ Adding Update / Delete Operations to Notetaker App
2 lectures 13:25
Deleting Notes with deleteNote Mutation
Updating Notes with updateNote Mutation
+ Real-time Data with GraphQL Subscriptions
3 lectures 23:23
Subscribing to New Notes with onCreateNote
Listening for Deleted / Updated Notes
@auth Directive for Ownership of Notes
+ Deploying our App with S3 Hosting
1 lecture 04:37
Deploying our App with S3 Hosting
+ Initializing our App / Creating our GraphQL API
2 lectures 20:22
Initializing our MarketPlace App
Advanced AppSync Schema Creation
+ Customizing Amplify-React Components
3 lectures 32:48
Customizing withAuthenticator Theme
Authenticator Component / Listening for Auth Events with Hub
Creating Navigation and Signout Functionality
  • A basic familiarity with React
  • An understanding of ES6 JavaScript helps, but is not required

Do you want to make amazing, performant, and overall better React applications?  Look no further than AWS Amplify.

This course is the best guide you'll find to learn Serverless React App building.

In it, we will be making two complete React / AWS Amplify projects, from project start to deployment on the web.

Here's what we'll be making:

  • A Full-Stack Serverless Marketplace app (similar to Udemy), built with React / Amplify, a complete GraphQL API, Multi-Factor Authentication, Lambda Functions for charging customers / sending emails, Stripe for payment processing and the component library Element for styling

  • A Real-Time Notetaker App (made both with class components and React Hooks), with full CRUD functionality, GraphQL Subscriptions, complete Authentication and all written in ~100 lines of JavaScript

What will this course cover?

  •   Creating entire GraphQL APIs from the command line using the Amplify CLI 

  •   Building sophisticated serverless GraphQL APIs with AWS Appsync

  •   Multi-Factor Authentication and Verification Codes using AWS Cognito

  •   Creating serverless REST APIs (functions) with AWS Lambda that run entirely in the cloud

  •   Using GraphQL Subscriptions to Broadcast Data Changes in Real-Time

  •   Executing GraphQL Queries and Mutations both in the GraphiQL Console and in our React Client

  •   How to integrate React Hooks with Amplify applications

  •   Sending emails with Amazon's Simple Email Service

  •   Image and file uploads with AWS S3 Storage

  •   How to deploy our completed apps with S3 Hosting

  •   Customizing Amplify's built-in React Components

  •   Storing and managing our app data with a DynamoDB database

  •   Flexible, robust search capabilities with the help of AWS ElasticSearch

  •   Using Stripe for payment processing and using it in React Apps with Stripe Checkout

  •   Verifying user emails / phone numbers with email confirmations

  •   Working with the AWS Console extensively

  •   React Context for managing app state

  • React Router 4 (with some useful tricks)

  •   Formatting dates with the date-fns library

  •   Two CSS libraries in-depth -- Element and Tachyons

Who this course is for:
  • React developers interested in making serverless apps that run in the cloud
  • Programmers who want to learn how to make hassle-free JavaScript applications
  • React developers looking to build/prototype projects faster than ever before
  • Any React developer looking to use exciting, cutting-edge technologies today!