Micro Frontends

What is micro front-end? Micro front-ends are a new pattern where web application UIs (front ends) are composed from semi-independent fragments that can be built by different teams using different technologies. Micro-front-end architectures resemble back-end architectures where back ends are composed from semi-independent micro-services. Micro front-end & Microservices

In this article, I will show how to setup multiple micro frontends using single-spa and module federation. Each micro frontend will be using React Query to fetch and cache data. I will then demonstrate how multiple micro frontends can use the same QueryClient to share cached data. …

Making frontend apps manageable and independent — Motivation If you have been following the frontend community for some time, you will notice quite a lot of attention towards the term “Micro-frontend”. More and more solutions are trying to support this architectural approach. It’s about splitting a front end app up into individual and independent “micro frontend apps” that…

The micro frontend architecture pattern can be understood as a decomposition style that aims to bring the decoupled nature of microservices to frontend applications. Just like microservices, the micro frontend architecture encourages building frontends as various smaller and self-contained deployments. In this article, we explore why micro frontends work, and…

In part 1, I mentioned that microfrontend solutions aim at maximizing team efficiency. It allows teams to laser focus and release certain parts of an application independently and without worrying about the rest of the system. …

E ae pessoal, tudo bem com vocês? Anteriormente eu havia escrito um artigo mostrando como criar uma arquitetura de Micro Frontend utilizando o framework Single-SPA juntamente com Angular, e nesse artigo discutimos alguns conceitos básicos sobre a utilização de Micro Frontend como uma arquitetura, caso queira ver esse material, clique…

Después de leer mucho llegué a la conclusión que prefiero hacer una diferenciación entre Microfrontends y Fragments. Microfrontends: la separación de una experiencia completa (el negocio) en diferentes aplicaciones de frontend. Fragments: Componentes que se comparten entre aplicaciones, o bien, que los responsables son otros equipos.

In this post, I want to start to dive into the technical side of Micro-Frontends. The first thing I’m going to cover is exactly what a Micro-Frontend is? Obviously a really important part of understanding what these things are all about and how to use them. …