How to Set up Github Actions for CI/CD in React Apps

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • github-docs

    The open-source repo for docs.github.com

  • ![Workflow](https://github.com///actions/workflows//badge.svg) // Example Workflow Badge Url: ![example workflow]([https://github.com/github/docs/actions/workflows/main.yml/badge.svg](https://github.com/github/docs/actions/workflows/main.yml/badge.svg))

  • react-ci-cd

    React app using Github Actions for CI/CD pipeline

  • As always, here is a link to the complete setup code on Github.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Jenkins

    Jenkins automation server

  • Github Actions is a CI/CD platform that allows us to build automated pipelines for code testing, building, deployments, and many more. Github Actions are not limited to React apps and can be used for applications based on other frameworks as well. Jenkins is one of the alternatives to Github Actions that can be used for setting up the CI/CD pipeline.

  • starter-workflows

    Accelerating new GitHub Actions workflows

  • As the complexity and team size of a project grows, it becomes increasingly important to ensure the code being developed doesn’t break the existing code. Along with that, it’s also important to ensure that the code follows the coding standards defined for the project along with automatic deployment to the development/staging environments as soon as the code is merged on the default branch. And if the project follows Trunk-Based Development, it becomes even more important to ensure everyone follows the defined processes. This is the exact problem that can be solved using Github Actions.

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

  • ![Workflow](https://github.com///actions/workflows//badge.svg) // Example Workflow Badge Url: ![example workflow]([https://github.com/github/docs/actions/workflows/main.yml/badge.svg](https://github.com/github/docs/actions/workflows/main.yml/badge.svg))

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts