How did you solve the problem of coexistence of a new stack and Legacy code in one project? Did you consider micro frontends or web components?

To enable the coexistence of a new stack and legacy code within a single project, approaches that allow isolating and gradually integrating new parts are often used. Microfrontends are one such approach, where the application is broken into independent parts that can be developed and deployed separately. This allows gradually replacing legacy code without affecting the entire system.

Web components are another way to encapsulate UI elements with their own styles and logic, making it easier to integrate new components into old code without conflicts. When choosing between microfrontends and web components, consider the complexity of the project, isolation requirements, and team structure.

For example, you can start by implementing web components for new UI elements, and then move on to microfrontends for larger decomposition of the application.