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