Microfrontend using Vanilla JS

on YouTube ↗29m

" summary

Claims that microfrontends work with plain JavaScript by using Module Federation to share and load modules at runtime, not compile time. Demonstrates a concrete build: two independent apps (header on localhost:4000, footer on 4001) created with create MF app, each exposing a custom element and a remoteEntry.js manifest via webpack config. A host app maps remotes in its federation config and imports the header/footer, composing a working UI at runtime so each feature is developed, tested, and deployed independently.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:47Why Microfrontend?
3. 3:41Theory
4. 4:18more plain
5. 8:07Recipes
6. 10:15What is Module Federation?
7. 14:19Microfrontend using Module Federation?

" related talks

• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 01h 17mChallenges in Building Micro Front EndsVishal Kumar · Reliable Web Summit 2021
• 25mBeyond Micro Frontends - Three Additional Things Module Federation Makes PossibleManfred Steyer · NG-DE Conference 2022
• 47mMicro Frontends UnmaskedManfred Steyer · Micro Frontends Conference 2024
• 15mA comparison on Microfrontends composition techniques Module FederationAris Markogiannakis · React Alicante 2023