MFE Architecture In-Depth: Build-time & Runtime, Routing, Shared State and Much More!

We dig in deep in Micro-Frontend Architecture. We do build-time and runtime dependency architectures, routing, appshell architecture, shared state and more! Code: https://github.com/jherr/mf-router6/c... 👉 Practical Module Federation Book: https://module-federation.myshopify.c... 👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/ 👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-rou... 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup:   / discord   👉 VS Code theme and font? Night Wolf [black] and Operator Mono 👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 0:00 Introduction 1:53 Project Overview 4:38 Turborepo Setup 6:33 Movies App Setup 10:45 Fixing TypeScript Library Build 13:13 Building The AppShell 16:57 Adding React Router 22:15 Check-In #1 24:36 Building The Shared Store 29:00 Building The Card MFE 33:25 Building The Playlist App 41:40 Extracting The Playlist Content 43:52 Check-In #3 46:20 Adding Module Federation #react #microFrontends