Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

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

via Udemy

Overview

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

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

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 SMSconfirmation, 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/CDpipeline to deploy our website on merge.

  • How to create a fully functional GraphQLAPIusing AppSync with CRUDcapabilities (Create, Read, Update, Delete)

  • How to create queries, mutations, and subscriptions in GrapQL

  • How to create and use an AWSS3 Bucket to serve and store images

  • How to verify emails and SMSs using Cognito

  • How to work with AWSConsole

  • How to use Semantic UIto 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!

Syllabus

  • Installing and Configuring Amplify
  • Creating our React app
  • Creating Authentication on AWS and enforcing it on our React app
  • Creating a Graphql API using Amplify
  • Making our Amplify App look amazing with Semantic-UI
  • Creating a floating button like on Material UI
  • Creating a Modal using Semantic-UI
  • Managing the Modal State using React Hooks
  • Creating a Graphql Mutations
  • Creating a Grahql Subscription
  • Some code Refactoring before continue
  • Creating a Graphql deletion and subscription
  • Creating the reusable editing modal
  • Updating the lists and creating a Subscription to update it
  • Real Time Update is already here
  • Creating our S3 bucket to store our images
  • Retouching the UI and Refactoring the code
  • Creating a Image Preview and uploading it to S3
  • Updating our Graphql model
  • Creating a React Custom Hook to help with S3
  • Loading our images from S3 on AWS
  • Enhancing our App with a Spinning loader
  • Searchable models with Elastic Search
  • Updating Amplify (if you need it)
  • More about searchable queries and elastic search
  • Creating new routes for our app using react-router and react-router-dom
  • New Header for the new route
  • Creating new list items using the GraphQl interface in AWS Amplify console
  • Small Refectory
  • Integrating our List and out List Component
  • Searchable vs No Searchable
  • Creating a custom query using GraphQl in App-Sync
  • Adding authentication and authorisation the the different end point

Taught by

Icaro Lavrador

Reviews

4.3 rating at Udemy based on 135 ratings

Start your review of React & AWS Amplify build a complete serverless app w/ CI/CD

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.