It’s Dec 2021 already and I’m curious about how micro-frontend implementation is going so far. This series of articles shows how it’s done for: AngularJS / Angular 4+ app (host) that uses a React component as a dependency Webpack 5 Module Federation example with nested React apps Webpack 5 Module…

This article explains application architecture, technology stack, tools and workflow I will use in this project. I will also walk through my project setup procedures. Application Architecture & Stack The web application architecture describe the interaction between applications, databases and middleware system on the web. …

6º Chapter — Micro frontends — concepts, demonstration and conclusions What a journey behind the scenes from a real world user perspective! We started from micro services concepts, did a “hello world” with micro services (API behind a gateway), implemented everything in Docker with docker compose and built a message queue with RabbitMQ sending messages to a notification API that…

Lerna + npm — Note — This Blog explains the monorepo creation from scratch using Lerna and focuses on some of the basic issues you can face during the initial setup like — - Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen…