Talk about Microfrontends at Codemotion
An introductory talk about microfrontends covering advantages, disadvantages, and real-world implementations from companies like IKEA, Spotify, and PayPal.
This past year I’ve tried to participate more by giving talks both internally and at external events, but due to COVID many of those talks were canceled.
Looking on the bright side, I was able to participate in the Codemotion Madrid, giving an introductory talk about microfrontends.
Watch the Talk
You can watch the full talk on YouTube
Note: The talk is in Spanish. The content below provides an English summary of what was covered.
Important Note
I’m not an expert on the subject, so this talk aims to provide an introduction, discuss the advantages and disadvantages, present some of the architectures used by large companies (IKEA - Spotify), delve deeper into how PayPal (my former company) planned part of their microfrontends, and finish by talking about some technologies that exist to create your own microfrontends (Single-SPA, bit, TailorJS, Module Federation, Portals).
What the Talk Covered
Architecture Examples
- IKEA’s approach to microfrontend architecture
- Spotify’s implementation strategies
- PayPal’s microfrontend planning and execution (insights from my time there)
Technologies Discussed
- Single-SPA - A JavaScript router for front-end microservices
- bit - Tool for component-driven development
- TailorJS - Layout service for front-end microservices
- Module Federation - Webpack 5’s approach to microfrontends
- Portals - Web standard for seamless navigation between sites
Key Topics
- Advantages and disadvantages of microfrontend architectures
- When to use (and when not to use) microfrontends
- Real-world implementation challenges
- Team organization and development workflows
Lessons Learned
The transition to virtual events due to the pandemic was challenging, but it also opened up opportunities to reach a broader audience. Speaking at Codemotion Madrid was a great experience that allowed me to share knowledge about an increasingly important architectural pattern in frontend development.
Get in Touch
If you have any questions or suggestions, don’t hesitate to contact me on my social networks. I hope to gradually upload more content like this.
This talk was part of my effort to contribute more to the developer community through knowledge sharing and public speaking.