React & AWS Amplify build a complete serverless app w/ CI/CD

Name: React & AWS Amplify build a complete serverless app w/ CI/CD
Rating: 4.2 (135 reviews)

Create full-stack React app fast using CI/CD to deploy running on the cloud with Cognito, AppSync, Graphql, DynamoDB

Created byIcaro Lavrador

Last updated 4/2021

English

English [Auto],

What you'll learn

Use and implement all of the major AWS services that are made available with Amplify
How to deploy your app with AWS Amplify using CI/CD
Rapidly build serverless React apps
Develop a production-ready serverless backend API powered by AWS Amplify that scales to MILLIONS of requests
Build realtime applications
Use AWS Cognito
Use AWS AppSync
Use GraphQl
Use DynamoDB
React Hooks and React Custom Hooks

Course content

33 sections • 66 lectures • 5h 34m total length

Installing the Amplify CLI2:27
Install the Amplify CLI globally via npm, with options for Windows, macOS, or Linux. Use sudo or admin privileges if needed, verify the installation by running amplify.
Configuring the Amplify CLI5:11

Creating our React app1:41
On this lecture you'll also find the link to the GitHub repository with the source code
Initialising AWS Amplify5:37
Initialize AWS Amplify in your React project, configure the environment and editor, and review the generated Amplify backend and resources. Open the Amplify console to inspect resources and prepare deployment.
Deploying our React website using AWS Amplify Console1:51
Learn to deploy a React site with AWS Amplify Console by enabling UI management, selecting the built folder as an archive, and using drag-and-drop to save and deploy.
Creating a CI/CD to our React App using Amplify6:39
Testing our CI/CD pipeline for React3:07

Creating a deploying a Authentication backend in AWS using Coginito4:17
Installing React modules and configuring AWS Amplify in React3:12
Install the required React dependencies and Amplify packages, configure AWS Amplify in your React app, import awsconfig, and enable login, logout, and register screens with the Amplify UI components.
Creating the SignUp, SignIn, SignOut and Reset Password pages4:34
Create sign up, sign in, sign out, and reset password flows using AWS Amplify Authenticator in a React app, including email verification and password reset to enable secure, serverless access.

Adding Semantic UI React to our project and creating a new Main Header8:04
Create a Lists component to group our lists3:34
Refactor the app by extracting the list rendering into a new lists component, and wire it in by importing, passing the lists prop, and displaying grouped items.
Creating Items and Items groups with Semantic-UI React3:53
Adding out page into a Container and adding Image and date to our list3:51
Wrap the app content in a container to fix margins and extend the nav bar, display the created at date for list items, and add a placeholder image.

Requirements

Basic programing knowledge is required
Desire to learn
Any computer will do: Mac, Windows, Linux or even Cloud9

Description

Do you want to learn the secret of creating amazing performant apps, that scale on-demand, without expend days programing in front of the computer?

How long would take you to set up a full authentication system, with signin and signout screens, and email and/or SMS confirmation, and password reset? Would you guess a few days or hours?

With AWS Amplify you can have all that set up and working serverless in less than 10 minutes

And this course is not only the best resource you will find for Amplify but it is also the most up to date.

We will not only create a full-stack application working end to end but we will also learn along the way:

How to create a CI/CD pipeline to deploy our website on merge.
How to create a fully functional GraphQL API using AppSync with CRUD capabilities (Create, Read, Update, Delete)
How to create queries, mutations, and subscriptions in GrapQL
How to create and use an AWS S3 Bucket to serve and store images
How to verify emails and SMSs using Cognito
How to work with AWS Console
How to use Semantic UI to make a beautiful application
How to create and re-use custom hooks in React
and much, much more

Want to create breath taken applications amazingly fast, enrol now!

Who this course is for:

Developers interested in taking their career to the next level
Developers that want to easily take advantage to AWS services
DevOps that want to learn a new and technology
React developers that want take they apps to next level

React & AWS Amplify build a complete serverless app w/ CI/CD

What you'll learn

Explore related topics

Course content

Installing and Configuring Amplify2 lectures • 8min

Creating our React app5 lectures • 19min

Creating Authentication on AWS and enforcing it on our React app3 lectures • 12min

Creating a Graphql API using Amplify4 lectures • 30min

Making our Amplify App look amazing with Semantic-UI4 lectures • 19min

Creating a floating button like on Material UI1 lecture • 10min

Creating a Modal using Semantic-UI2 lectures • 14min

Managing the Modal State using React Hooks1 lecture • 10min

Creating a Graphql Mutations1 lecture • 6min

Creating a Grahql Subscription1 lecture • 10min

Requirements

Description

Who this course is for: