How To Dev

Introduction Micro frontend is an architectural pattern inspired by Microservices. It allows developers to integrate multiple modules together to create a complete web application. Each micro frontend is an independent unit responsible for a specific function. The basic components of Micro Frontend include: Host Application : Also known as the Shell app, this is the primary application that users interact with. It serves as the container for the micro frontends. Remote Application : These are the micro frontends themselves, which act as building blocks for the host application. Remote Applications are injected into the Shell app to form a complete web application. Advantages Scalability : It is easy to add new business modules to the system (without affecting existing modules), and teams can work concurrently on separate modules without impacting each other. Flexibility : Micro frontends can be developed using different frameworks, as they ultimately just need to be built into static f...

Introduction In this article, I will guide you through deploying a React Application to Google Kubernetes Engine (GKE) . Previously, I wrote an article about deploying a NodeJS Application to GKE , which you can refer to for some basic information before continuing. Steps to Follow The process is quite similar to deploying a NodeJS Application and includes the following steps: Create a React Application Build a Docker image Push the Docker image Deploy the Docker image to GKE You will notice that when working with Kubernetes , the main difference is in the step where you build the Docker image . Depending on the application you need to deploy, there are different ways to build the Docker image . However, the common point is that once you build the Docker image , you have completed almost half of the process. This is because the subsequent steps involving Kubernetes are entirely the same. Detailed Process 1. Create a React Application In this step, you can either use an existing R...