/webpack-react-ts-mpa-example

Multiplatform example for deploying typescript application.

Primary LanguageHCL

ReactJS with Webpack and Typescript

example workflow Coverage Status

Techniques

Frontend

  1. Webpack with code splitting
    • View it in Elements of Developer Tool.
    • Please turn on Disable Cache in Network tab, and switch to Slow 3G.
    • A new script will appear and disappear.
  2. ReactJS
  3. MultiPages Application
  4. Puppeteer docker
  5. Typescript

CICD

  1. Github actions
  2. Gitlab CI
  3. Azure Devops
  4. Docker Multistages deployment

IaC

  1. Azure CLI + Bicep
  2. Terraform

Azure

  1. Azure App Service
  2. Azure Container Registry
  3. Azure Webhooks

AWS

  1. AWS Elastic Container Registry
  2. AWS Virtual Private Cloud
  3. AWS Elastic Container Services
  4. AWS Autoscaling Group

GCP

  1. GCP Artifact Registry
  2. GCP Cloud Run

References

  1. React with TypeScript: Best Practices
  2. Automate Terraform with GitHub Actions