https://github.com/zcemycl/webpack-react-ts-mpa-example
Multiplatform example for deploying typescript application.
https://github.com/zcemycl/webpack-react-ts-mpa-example
acr app-service aws azure azure-devops azure-pipelines bicep code-splitting docker gcp gitlab gitlab-ci infrastructure-as-code jest npm puppeteer react terraform typescript webpack
Last synced: 2 months ago
JSON representation
Multiplatform example for deploying typescript application.
- Host: GitHub
- URL: https://github.com/zcemycl/webpack-react-ts-mpa-example
- Owner: zcemycl
- Created: 2022-09-14T09:26:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-31T12:00:33.000Z (about 2 years ago)
- Last Synced: 2025-02-17T10:53:21.431Z (2 months ago)
- Topics: acr, app-service, aws, azure, azure-devops, azure-pipelines, bicep, code-splitting, docker, gcp, gitlab, gitlab-ci, infrastructure-as-code, jest, npm, puppeteer, react, terraform, typescript, webpack
- Language: HCL
- Homepage: https://zcemycl.github.io/webpack-react-ts-mpa-example/
- Size: 1.51 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## ReactJS with Webpack and Typescript
 [](https://coveralls.io/github/zcemycl/webpack-react-ts-mpa-example?branch=main)
### 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](https://www.sitepoint.com/react-with-typescript-best-practices/)
2. [Automate Terraform with GitHub Actions](https://learn.hashicorp.com/tutorials/terraform/github-actions)