Building Micro-frontends | Bookclub with Luca Mezzalira

Building Micro-frontends | Bookclub with Luca Mezzalira. 21 march. 12:30h (GMT+1)
In this interview, Luca will share insights from his published O’reilly book on this transformative concept, offering a pragmatic and accessible guide to embracing micro-frontends.
From the challenges of traditional monolithic architectures to the nimble, modular solutions presented by micro-frontends, we will uncover the key lessons and strategies that empower developers to create more maintainable, scalable, and efficient applications. Discover how this paradigm shift is not just a trend but a fundamental evolution in the way we approach web development.
--
Apiumhub is a software development hub that solves complex problems with high-quality solutions. Our purpose is to build scalable software to help our clients strengthen their businesses with powerful technology. Large and well-known companies have trusted us including Inditex, Mango, Bitpanda, Nestle, Axa, Tous, Adidas and more.
Our services include web development, mobile app development, devops, quality assurance and software architecture. In addition to offering these services, we have a learning platform called ApiumAcademy where we offer customized courses.
We have two digital products. VYou, a user management and access management solution and Koople, a Feature Flags tool. Both developed by developers for developers.
Every year, we host the Global Software Architecture Summit (GSAS). An event that brings together hundreds of software architecture experts interested in learning, sharing, and connecting. Successful industry professionals such as Mark Richards, Neal Fords & Carola Lilienthal have attended our event as speakers.
--
Visit our site: apiumhub.com/
Learn more about our ApiumAcademy courses: apiumacademy.com/
Attend our event, Global Software Architecture Summit: gsas.io/
VYou, our digital product: vyou-app.com/en/
Koople, our Feature Flags tool: www.koople.io/
--
Social:
/ apium_hub
/ apium_hub
/ apiumhub

[@jeet987]

How do we measure performance metrics like web vitals for each MFE loading on a page individually? Like I am thinking about using a tool like lighthouse-ci etc..

[@Apiumhub]

Hello. Although your question came in as a comment after the author had finished their session, we'll try to answer your question from Apiumhub:
The main common steps for measuring performance metrics like Web Vitals for individual Micro Frontends using Lighthouse CI and the Web Vitals library are as follows:
First, load the MFE in isolation to enable tracking of specific resources.
Then, use Lighthouse CI to test each MFE separately with specific requirements and conditions. You can configure it to focus on the metrics that are most important to you.
Now, integrate Lighthouse CI into your CI/CD pipeline to automate performance evaluation.
For Web Vitals metrics, implement the Web Vitals library for each MFE and then tag them to identify the specific metrics.
After that, you will be able to analyze all the metrics and identify some points for improvement.
Hope it helps. :)