HOME > Development > Build a React Redux App w CircleCI CICD, AWS Terraform

Build a React Redux App w CircleCI CICD, AWS Terraform

  • Development
  • Jan 13, 2025
SynopsisBuild a React & Redux App w/ CircleCI CI/CD, AWS & Te...
Build a React Redux App w CircleCI CICD, AWS Terraform  No.1

Build a React & Redux App w/ CircleCI CI/CD, AWS & Terraform, available at $69.99, has an average rating of 4.55, with 272 lectures, 5 quizzes, based on 198 reviews, and has 1897 subscribers.

You will learn about 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 This course is ideal for individuals who are Suitable for both beginners and intermediate React developers or Anyone who wants to learn React by building a real world application or Anyone who wants to learn how to setup a continuous integration/delivery pipeline or Developers that wants to learn how to use AWS S3 and CloudFront services or Aspiring DevOps or Anyone who is interested in getting an understanding of how CI/CD works It is particularly useful for Suitable for both beginners and intermediate React developers or Anyone who wants to learn React by building a real world application or Anyone who wants to learn how to setup a continuous integration/delivery pipeline or Developers that wants to learn how to use AWS S3 and CloudFront services or Aspiring DevOps or Anyone who is interested in getting an understanding of how CI/CD works.

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

Summary

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

Price: $69.99

Average Rating: 4.55

Number of Lectures: 272

Number of Quizzes: 5

Number of Published Lectures: 272

Number of Published Quizzes: 5

Number of Curriculum Items: 277

Number of Published Curriculum Objects: 277

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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
  • Who Should Attend

  • 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
  • Target Audiences

  • 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
  • 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, Sentryand Docker

  • Setup Multiple Online Environments (Dev, Stagingand 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

  • Course Curriculum

    Chapter 1: Introduction with Demo

    Lecture 1: Course Introduction

    Lecture 2: Course App Demo

    Lecture 3: Project Structure Demo

    Lecture 4: Project Github Repo Description

    Lecture 5: CircleCI Project Pipelines

    Lecture 6: AWS Services

    Lecture 7: About CI/CD

    Chapter 2: Project Setup

    Lecture 1: Github Project Repo

    Lecture 2: Install Tools

    Lecture 3: Create React App

    Lecture 4: Gihub Branching

    Lecture 5: Create Github Project

    Lecture 6: Create Github Project Branches

    Chapter 3: Setup CircleCI

    Lecture 1: Add Github Project to CircleCI

    Lecture 2: Fetch Develop Branch Locally

    Chapter 4: Amazon Web Services

    Lecture 1: AWS Intro

    Lecture 2: AWS IAM User

    Lecture 3: Add AWS Region to CircleCI Environment Variables

    Lecture 4: Create AWS S3 Dev Bucket

    Lecture 5: Add Bucket Policy

    Lecture 6: Create AWS S3 Staging and Production Buckets

    Lecture 7: Add AWS Cloudfront Distribution

    Lecture 8: Show Staging and Production S3 Buckets

    Chapter 5: Setup CircleCI Jobs

    Lecture 1: Section Introduction

    Lecture 2: Description of Important CircleCI Concepts

    Lecture 3: Add Build Job to CircleCI Config

    Lecture 4: Add Install Command to Build Job

    Lecture 5: AWS S3 CircleCI Job – Part 1

    Lecture 6: AWS S3 CircleCI Job – Part 2

    Lecture 7: AWS Cloudfront CircleCI Job

    Lecture 8: Create CircleCI Jobs Workflow

    Lecture 9: Deploy First App Changes

    Lecture 10: Deploy to Staging

    Lecture 11: Format Config FIle

    Chapter 6: Setup Deployment to Heroku (Optional)

    Lecture 1: Section Introduction

    Lecture 2: CircleCI Heroku Configuration Code

    Lecture 3: Section Information

    Lecture 4: Create Heroku Apps

    Lecture 5: Deploy to Heroku Job – Part 1

    Lecture 6: Deploy to Heroku Job – Part 2

    Lecture 7: Deploy App Dev App to Heroku

    Lecture 8: Add Express Server Configuration

    Lecture 9: Deploy Express Server Changes

    Lecture 10: Deploy App to Staging and Production on Heroku

    Lecture 11: Section Conclusion

    Chapter 7: Setup Linting and Prettier CircleCI Jobs

    Lecture 1: Section Introduction

    Lecture 2: Install Eslint

    Lecture 3: Run Linting Command

    Lecture 4: Add Linting CircleCI Job (Optional)

    Lecture 5: Deploy Linting Job

    Lecture 6: Add Prettier and EditorConfig

    Lecture 7: Deploy Prettier Job

    Lecture 8: Show Prettier Job

    Chapter 8: Slack Integration with CircleCI

    Lecture 1: Section Integration

    Lecture 2: CircleCI Slack Job Code

    Lecture 3: Setup Slack Workspace

    Lecture 4: Create Slack App

    Lecture 5: Add Slack Token to CircleCI Environment Variables

    Lecture 6: CircleCI Orbs

    Lecture 7: Add CircleCI Slack Orbs

    Lecture 8: CircleCI Slack Job

    Lecture 9: Slack Orbs Custom Template

    Lecture 10: Add View Job Button

    Lecture 11: Add Slack Notify Job to Workflow

    Lecture 12: Fix Custom Template Error

    Lecture 13: Uncomment Other Jobs

    Lecture 14: Upgrade Slack Sentry Integration

    Chapter 9: Setup Terraform

    Lecture 1: Section Introduction

    Lecture 2: Install Terraform on MacOS

    Lecture 3: Install Terraform on Windows

    Lecture 4: Show AWS Management Console

    Lecture 5: Create Terraform S3 Bucket Backend

    Lecture 6: IMPORTANT NOTE

    Lecture 7: Add Terraform Variables – UPDATED

    Lecture 8: Terraform Versions – UPDATED

    Lecture 9: Terraform Remote Backend – UPDATED

    Lecture 10: Add AWS S3 Terraform Resource – Part 1 – UPDATED

    Lecture 11: Add AWS S3 Terraform Resource – Part 2 – UPDATED

    Lecture 12: Terraform S3 Bucket Output

    Lecture 13: Add Terraform to Gitignore

    Lecture 14: Run Terraform Init Command

    Lecture 15: Run Terraform Apply Command Locally

    Lecture 16: AWS Cloudfront Distribution – Part 1 – UPDATED

    Lecture 17: AWS Cloudfront Distribution – Part 2 – UPDATED

    Lecture 18: Create Cloudfront Distribution

    Lecture 19: Run Terraform Destroy Command

    Lecture 20: Add Remote Terraform Backend – LEGACY

    Instructors

  • Build a React Redux App w CircleCI CICD, AWS Terraform  No.2
    Uzochukwu Eddie Odozi
    Software Developer
  • Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 0 votes
  • 3 stars: 12 votes
  • 4 stars: 59 votes
  • 5 stars: 126 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!