Build a React & Redux App w/ CircleCI CI/CD, AWS & Terraform

Name: Build a React & Redux App w/ CircleCI CI/CD, AWS & Terraform
Rating: 4.5 (204 reviews)

Build & deploy a React app using Redux, Github, CircleCI, S3, Cloudfront, Terraform, Heroku, Slack, Docker & Sentry.

Created byUzochukwu Eddie Odozi

Last updated 9/2022

English

What you'll learn

Build an amazing React app
Setup Continuous Integration/Delivery Pipeline
Naviagate AWS Management Console
Create AWS Services using Terraform
Integrate Terraform into CircleCI Pipeline
Use AWS S3 and CloudFront for Storing and Distributing React Apps
Create Docker Images for Your React app
Integrate Slack in the CI/CD Pipeline
Setup Online Dev, Staging and Production Environments
Setup Sentry for Monitoring
Create Custom React Components
Use CSS Grid
Setup Automatic Deployment
Integrate GitHub with CircleCI
Create, Use and Merge Feature Branches

Course content

24 sections • 272 lectures • 27h 43m total length

Course Introduction3:28
Course App Demo5:26
Project Structure Demo7:12
Shows the project structure for a React and Redux app, explains setup of docker and ci/cd workflows, and outlines testing, building, and deploying to aws s3/cloudfront with slack alerts.
Project Github Repo Description3:12
CircleCI Project Pipelines7:03
AWS Services4:53
About CI/CD5:17

Section Introduction1:24
CircleCI Heroku Configuration Code0:24
Section Information1:50
Create Heroku Apps5:42
Deploy to Heroku Job - Part 110:05
Deploy to Heroku Job - Part 210:27
Deploy App Dev App to Heroku8:02
Add Express Server Configuration12:02
Deploy Express Server Changes4:11
Deploy express server changes to Heroku by serving the built front-end assets, monitor the build pipeline, and replicate the setup for staging.
Deploy App to Staging and Production on Heroku11:59
Section Conclusion2:41

Section Introduction0:58
Install Terraform on MacOS5:00
Install terraform on macOS by downloading, unzipping, and moving the binary to /usr/local/bin, then verify with terraform version. The process supports CircleCI CI/CD integration using a Terraform image.
Install Terraform on Windows0:26
Show AWS Management Console2:32
Create Terraform S3 Bucket Backend6:53
IMPORTANT NOTE0:14
Add Terraform Variables - UPDATED9:14
Terraform Versions - UPDATED5:03
Terraform Remote Backend - UPDATED13:25
Add AWS S3 Terraform Resource - Part 1 - UPDATED12:30
Add AWS S3 Terraform Resource - Part 2 - UPDATED14:16
Terraform S3 Bucket Output5:17
Add Terraform to Gitignore6:48
Run Terraform Init Command8:01
Run Terraform Apply Command Locally8:35
AWS Cloudfront Distribution - Part 1 - UPDATED15:18
AWS Cloudfront Distribution - Part 2 - UPDATED7:15
Create Cloudfront Distribution4:15
Run Terraform Destroy Command2:18
Add Remote Terraform Backend - LEGACY6:49
Create terraform Locals - LEGACY7:05
Add AWS S3 Terraform Resource - LEGACY11:34
Add S3 Bucket Policy to Terraform Resource - LEGACY10:23
AWS CloudFront Distribution - Part 1 - LEGACY12:10
AWS CloudFront Distribution - Part 2 - LEGACY10:49
AWS CloudFront Distribution - Part 3 - LEGACY7:22

Section Introduction1:40
Add Terraform CircleCI Executor7:45
Add Terraform Validate Job5:53
Add Terraform Pland and Apply Job11:14
Use Terraform S3 Output8:52
Use Terraform Cloudfront Output1:47
Add Terraform Destroy Job4:01
Add Jobs to Workflow5:48
Push Code to Github6:44
Fix Artifacts Directory Issue5:21
CircleCi Terraform Destroy8:17
Demonstrates a Terraform destroy workflow within a ci/cd pipeline, showing plan and apply steps, approval gating, and teardown of S3 buckets and CloudFront distribution after deployment.

Requirements

HTML + CSS + Javascript is required (at least the fundamentals)
No prior React knowledge is required

Description

React is one of the most popular library's for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you need to learn React.

This course follows a hands-on approach, which means the whole course is structured around building a web application and the different concepts will be explained detailedly as they are introduced.

What's this course about?

This course is about React, Redux, Hooks, Continous Intergration/Delivery, AWS S3, CloudFront, Slack, GitHub, Docker, Heroku. Dive deep into these topics by building a real application and have your React app live on the web.

You will learn how to create AWS resources from the management console and also how to create those same resources using terraform.

What Technology You'll Use

Because we are building a React app with Continuous integration/delivery and automatic deployment, we'll use a variety of technologies.

React
Redux
AWS S3 and CloudFront
Terraform
Slack
Docker
Github
Sentry for Monitoring
CircleCI for CI/CD
Heroku

Not familiar with some of these? No problem! This course will guide you on how to setup and use these technologies in your apps.

What You'll Be Able to Do

By the time you complete this course, you'll be able

Build a complete React App
Setup CI/CD Pipeline
Setup Automatic Deployment
Create AWS Resources using Terraform
Integrate Terraform into CircleCI Pipeline
Integrate Technologies like Slack, Sentry and Docker
Setup Multiple Online Environments (Dev, Staging and Production)
Use GitHub w/ CircleCI
Use Feature Branches on GitHub
Use CSS Grid
Create Custom React Components
Setup Redux
Write CI/CD Configurations
Setup CI/CD Deployment to Heroku
And More...

Who this course is for:

Suitable for both beginners and intermediate React developers
Anyone who wants to learn React by building a real world application
Anyone who wants to learn how to setup a continuous integration/delivery pipeline
Developers that wants to learn how to use AWS S3 and CloudFront services
Aspiring DevOps
Anyone who is interested in getting an understanding of how CI/CD works

Build a React & Redux App w/ CircleCI CI/CD, AWS & Terraform

What you'll learn

Explore related topics

Course content

Introduction with Demo7 lectures • 37min

Project Setup6 lectures • 29min

Setup CircleCI2 lectures • 12min

Amazon Web Services8 lectures • 48min

Setup CircleCI Jobs11 lectures • 1hr 19min

Setup Deployment to Heroku (Optional)11 lectures • 1hr 9min

Setup Linting and Prettier CircleCI Jobs8 lectures • 35min

Slack Integration with CircleCI14 lectures • 1hr 15min

Setup Terraform26 lectures • 3hr 15min

Intergrate Terraform into CircleCI Pipeline11 lectures • 1hr 7min

Requirements

Description

Who this course is for: