JavaScript Jabber Harnessing Module Federation and Micro Front-Ends in JavaScript Development - JSJ 603
6 snips
Oct 17, 2023 Vitor Alencar, technical lead, speaker, and creator, joins the show to talk about module federation and micro front-ends in JavaScript development. They discuss the benefits and challenges of module federation, breaking down the front-end into modular components, and the use of module federation and micro front-ends in production. They also touch on Star Trek, big companies like TikTok and Lululemon using modular federation, relationship insights, and password-less sign-ins.
AI Snips
Chapters
Transcript
Episode notes
Module Federation Overview
- Module Federation decentralizes code distribution using Webpack to manage micro front-ends dynamically.
- It enables large teams to work independently on different parts of the same application without breaking the system.
Multi-Framework E-Commerce Example
- Vitor demonstrated an e-commerce app with multiple front-ends using different frameworks sharing a common Redux store.
- The app showed real-time communication and unified state despite mixed technologies.
Configuring Hosts and Remotes
- Define remotes and hosts carefully in your Webpack config for module federation.
- Use dynamic remote definitions with URLs passed at runtime to maximize flexibility.