Course Information
Course Overview
Build & deploy a React app using Redux, Github, CircleCI, S3, Cloudfront, Terraform, Heroku, Slack, Docker & Sentry.
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...
Course Content
- 10 section(s)
- 272 lecture(s)
- Section 1 Introduction with Demo
- Section 2 Project Setup
- Section 3 Setup CircleCI
- Section 4 Amazon Web Services
- Section 5 Setup CircleCI Jobs
- Section 6 Setup Deployment to Heroku (Optional)
- Section 7 Setup Linting and Prettier CircleCI Jobs
- Section 8 Slack Integration with CircleCI
- Section 9 Setup Terraform
- Section 10 Intergrate Terraform into CircleCI Pipeline
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
Skills covered in this course
Reviews
-
EEbenezer Ansere
Great.
-
SShashika Virajh
I have about 25 Udemy courses in my account for react, angular, node, aws, docker, react native and some other courses. This is the most complete react course that I have ever done. This is the best course that I learned most of the things ever in my career. I'm wondering why this course has not updated to the latest. This has literally everything you want to work on a company in react. CI/CD - covered AWS deployment - covered Slack, Sentry integrations - covered Dockerizing react applications - covered Error handling in react - covered Code formatting and rules - covered Basically this covers most of the best practices that a developer should know. Please update this course. This is a great reference that can be used for anyone.
-
WWayne Wollesen
I found this course to be really superb and I learned quite a bit. I will say though there are a couple of things you might want to know before you decide to buy... 1) For learning Devops this course is fantastic. You get a pretty good understanding of CI jobs, Terraform and how it relates to AWS, managing branches and git, integrating with Slack, and using Docker. Even though it's not super deep dives into any of those tools, you should come away with a pretty good understanding of how they work and how to use them. 2) If you want to use this to specifically learn React I'm not sure this course is the best way, especially if you're new. The app you make is pretty cool, but it uses a lot of stuff... redux, hooks, etc.. and he goes over it pretty fast and I didn't think he explained it particularly well. But maybe that's just me. So if you're just interested in the DevOps stuff then it might be better worth your time to just fork his repo and build off of that, skipping most of the React content. Anyway, highly recommend this course, and thanks to Eddie for putting it together.
-
VVivek Gupta
I liked the distribution of topics. It feels good to create a full-fledge production level code. I just felt that some topics needed to be explained in detail, even if it costed some extra time in the course. But value for money