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