AWS AppSync & Amplify with React & GraphQL - Complete Guide

11h 11m 36s
English
Paid
Deploy a Serverless GraphQL & React JS based Javascript application in the AWS Cloud using AWS AppSync and AWS Amplify. AWS AppSync & AWS Amplify is the BEST way to get started with deploying GraphQL based applications in the AWS Cloud, all without deploying any servers, that infinitely scale. Welcome to the great world of Serverless computing!


Read more about the course

This course is fully hands-on, in which you'll get the chance to practice and learn:

  • GraphQL crash-course

  • How to deploy GraphQL based backends in AWS

  • How to develop your next-gen web application using the AWS Amplify framework & AWS AppSync

Watch Online AWS AppSync & Amplify with React & GraphQL - Complete Guide

Join premium to watch
Go to premium
# Title Duration
1 Instructors Introductions 01:55
2 What You'll Build in This Course - Blop App Demo 08:25
3 What You'll Learn in This Course 02:10
4 Course Structure 02:31
5 What's AWS AppSync 07:45
6 What's Amplify (CLI) 04:05
7 Installing Development Tools 07:05
8 VSCode Basics 04:32
9 Creating Your AWS Account 01:50
10 Installing and Configuring AWS Amplify CLI 04:25
11 Why GraphQL - Motivation 07:09
12 Who Created GraphQL and Why 03:48
13 GraphQL Overview and Graph Theory 07:53
14 GraphiQL Demo 08:09
15 Setting Up Our First GraphQL Project - Part 1 08:51
16 Importing Express and Creating the App 04:52
17 Installing GraphQL Express Modules and Setup 09:47
18 Creating and Understanding GraphQL Schemas 10:29
19 RootQuery - Running Queries in GraphiQL 15:26
20 Returning Data in the Resolver Function 10:00
21 Adding a Hobby Type and RootType Field 08:15
22 Finish Adding a Post Type 08:26
23 Adding Relationships Between our Types 05:05
24 Showing a User Related to a Post 10:31
25 Showing User Related to a Hobby 05:28
26 Adding the Fields Posts Query 07:24
27 Adding the Hobbies Field Query 04:05
28 Introduction to Mutations - Presentation 01:24
29 Creating User Mutation 11:29
30 Creating Post Mutation 06:24
31 Create Hobby Mutation 07:39
32 Adding Posts Query 05:50
33 Posts and Hobbies Queries 04:41
34 Scalar Types 10:44
35 Scalar Types and Object Types 08:30
36 Non Nullable Field Types 03:48
37 Intro to Mongo DB VS RDBMS 09:03
38 Creating MLab Account 05:40
39 Installing Mongoose Package and Connecting to Remote Database 06:05
40 Creating Mongoose Models - User 08:59
41 Finalizing the Creation of Models and Requiring Them 04:16
42 Saving a User 11:39
43 Storing Data to Our Database - Final 09:05
44 Getting a User By ID 09:27
45 Post and Retrieving data - Final 13:23
46 CORS and Adding NonNulls to Required Field 08:21
47 Updating User 14:27
48 Updating Post and Hobby 12:02
49 Removing a User 05:19
50 Remove Operation - Final 06:17
51 Deploying to Remove Server - Heroku 02:08
52 Deploying Our Node.Js App to Heroku - Complete Guide 18:44
53 Using Prisma Playground 06:31
54 AWS AppSync API Console - Creating an API - Introduction 10:50
55 AWS AppSync API Console - DynamoDb and AddPost Mutation 10:39
56 AWS AppSync API Console - Update and Delete 06:13
57 AWS AppSync API Console - Docs and Root Types 03:59
58 System Overview Architecture - Presentation 04:58
59 AWS AppSync API Console - Resolvers Overview 04:33
60 Final Thoughts on AWS AppSync API Console 03:22
61 Creating Our React App 06:54
62 Setting Up Our API with Amplify Init 08:57
63 Creating Amplify CLI and Creating Backend API 10:34
64 Adding Amplify Modules and Configuring our Frontend App 04:13
65 Logging Data From AppSync 10:55
66 Showing Posts on Our Page ( User Interface ) 10:38
67 Finalizing Our Post User Interface 08:55
68 App Form 09:36
69 Sending Posts to Backend AWS DynamoDb 11:04
70 Adding onCreate Subscription and Refreshing UI with Posts Automatically 10:44
71 Adding Auth Module to Our App 07:13
72 Amazong Cognito - User Pool 03:13
73 Creating New Users and Login With Auth 06:42
74 Deleting Posts Using onDeleteListener Subscription 09:11
75 Updating a Post - Part 1 10:15
76 Updating Post Without Subscription - Part 2 05:50
77 Update Post With Subscription 05:13
78 Create Post Comments - Introduction 10:17
79 Setting Up Comment Post to be Shown 11:10
80 Updating the ListPost Query and Showing Comments 07:51
81 FIX - Expired API and How to Fix it 06:09
82 Setup Like Post Logic 10:36
83 Liking and Showing the Like 06:30
84 Monitoring Who Can Like, Delete and Edit a Post 06:25
85 Showing Users Who Liked a Post - Part 1 09:46
86 Showing Users Who Liked a Post in a Popup Window 12:24
87 Testing the Like Feature in Our App 03:19
88 Publishing Our App to S3 Bucket 06:51
89 Next Steps 01:48
90 THANK YOU! 01:33

Similar courses to AWS AppSync & Amplify with React & GraphQL - Complete Guide

Working with React and Go (Golang)

Working with React and Go (Golang)udemy

Category: React.js, Golang (Google Go)
Duration 24 hours 48 minutes 43 seconds
MERN Stack - React Node from Scratch Building Social Network

MERN Stack - React Node from Scratch Building Social Networkudemy

Category: React.js, Node.js, MongoDB
Duration 20 hours 49 minutes 20 seconds
React, NodeJS, Express & MongoDB - The MERN Fullstack Guide

React, NodeJS, Express & MongoDB - The MERN Fullstack Guideudemy

Category: React.js, Node.js, MongoDB
Duration 18 hours 45 minutes 10 seconds
Full Stack Spring Boot & React

Full Stack Spring Boot & Reactamigoscode (Nelson Djalo)

Category: React.js, Spring Boot
Duration 10 hours 1 minute 23 seconds
React and Laravel: Breaking a Monolith to Microservices

React and Laravel: Breaking a Monolith to Microservicesudemy

Category: React.js, Docker, Laravel, Redis
Duration 15 hours 7 minutes 45 seconds
React - The Complete Guide

React - The Complete GuideudemyAcademind Pro

Category: React.js
Duration 47 hours 42 minutes 41 seconds
Storybook for building React apps

Storybook for building React appsfullstack.io

Category: React.js
Duration 3 hours 16 minutes 25 seconds
Learn React Hooks By Building A Real Application

Learn React Hooks By Building A Real Applicationreacttraining (Ryan Florence)

Category: React.js
Duration 7 hours 14 minutes 44 seconds