CI/CD Pipeline with React and Github Action

CI/CD Pipeline with React and Github Action

CI/CD Pipeline with React and Github Action

Build ci/cd pipeline for React app using Git, Github and Github Action. Learn to deploy react app to Github pages.

Language: english

Note: 0/5 (0 notes) 372 students

Instructor(s): Pranjal Srivastava

Last update: None

What you’ll learn

  • Learn how to build ci/cd pipeline using Github Actions
  • Learn fundamental concepts of React, CI/CD and Version Control System
  • Learn how to build full functional react app
  • Learn how to do version control using Git and Github
  • Learn how to create and publish git repository
  • Learn how to deploy react app to Github pages
  • Learn how to create workflow for Github Action

 

Requirements

  • Basic knowledge of HTML, CSS and Javascript
  • Git bash and Git desktop installed on system

 

Description

Devops are popular these days and CI/CD is one of the core practices of Devops.  In this course, you will learn how to build CI/CD pipeline for React app using Github Action.

What is CI/CD?

Continuous integration (CI) and continuous delivery (CD), also known as CI/CD operating principles, and a set of practices that application development teams use to deliver code changes more frequently and reliably.


What is Github Action?

Github Action enables you to include Continues Integration (CI) and continuous deployment (CD) capabilities and many other features directly in your repository.


Also you will learn how to create and publish repository into Github.

What is Git in Devops?

Git is an open-source and distributed version control system that lets you manage and keep track of your source code history.

What is Github in Devops?

Github is git repository hosting service used for code sharing, bug tracking, feature request and much more.

What is difference between git and Github?

Git is a version control system that lets you manage and keep track of your source code history. GitHub is a cloud-based hosting service that lets you manage Git repositories.


This course is proper mix of theoretical concepts and practical hands-on in order to make you confident and start your career in the field of Devops.

 

Who this course is for

  • React Developer curious about devops and cd/cd methodology

 

Course content

  • Introduction
    • What is Continuous Integration and Continuous Deployment?
  • Git and Github
    • initializing, staging, committing and publishing git repository
  • Deploying React app to Github page
    • Deploying React app to Github page
  • CI/CD with Github Actions
    • Writing Github Action workflow
  • Building React App: Todo App
    • Setup Environment
    • Adding Bootstrap
    • Creating Todo app template using Bootstrap
    • React State and onChange event
    • onSubmit event
    • Rendering a List
    • Adding todo items
    • Passing methods as props
    • Deleting todo items
  • CI/CD: Todo App
    • Setup: Git, Github and Github Actions

 

CI/CD Pipeline with React and Github ActionCI/CD Pipeline with React and Github Action

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate