As part of an internal company workshop organized by Plansoft, an introduction to the microfrontend architecture was presented. This topic has become increasingly important in modern frontend application development, and I decided to share it here so that everyone can benefit from it. The presentation explores how microfrontends can be used to improve the architecture of applications, offering greater modularity and scalability.
The demo presented during the workshop was built using single-spa, which allows the integration of multiple frontend applications, each developed with different technologies, within a single page. The applications used in the demo included:
- Homepage: Web Components
- Workshop & Global Navbar: React
- Speakers: angular.js
- Frameworks: Vue.js
This presentation was created together with Miki Lombardi and was aimed at Plansoft colleagues, with the goal of providing a useful and practical overview of adopting microfrontends in modern architectures.
If you want to dive deeper into the topic, you can view the presentation slides:
- Download
- SlideShare 🧑💻
Additionally, to see a practical example of how to implement microfrontends, you can check out the GitHub repository for the demo, where you can find the code and resources used during the workshop 🚀