Don't know what a Micro-Frontend, but you've heard the buzz and you want to learn it. Let me take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro-frontends, how to route multiple applications together, and even how to test Micro-Frontend code.

✏️ Jack's channel:    / jackherrington  

💻 Code: https://github.com/jherr/micro-fes-be...

⌨️ (0:00:00) Introduction
⌨️ (0:01:06) Micro-Frontend demo
⌨️ (0:08:13) Why Micro-Frontends?
⌨️ (0:11:50) Why Module Federation?
⌨️ (0:20:16) Asynchronous Loading
⌨️ (0:24:56) Error Handling
⌨️ (0:31:42) Server Setup
⌨️ (0:38:36) Sharing Functions
⌨️ (0:50:15) Nomenclature
⌨️ (0:51:35) Sever Cart Setup
⌨️ (0:59:28) Sharing State
⌨️ (1:02:42) Sharing the JWT
⌨️ (1:13:53) Sharing the Cart
⌨️ (1:26:48) State Sharing Alternatives
⌨️ (1:27:21) Finishing the Cart
⌨️ (1:29:36) Cross-Platform Micro-Frontends
⌨️ (1:39:02) Micro-Frontend Routing
⌨️ (1:48:24) Unit Testing
⌨️ (1:51:53) End-To-End Testing
⌨️ (1:54:55) What's Next?

#microFrontends #moduleFederation #react #solidjs

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news