Chapters (20)
- 0:00Introduction
- 1:06Micro-Frontend demo
- 8:13Why Micro-Frontends?
- 11:50Why Module Federation?
- 20:16Asynchronous Loading
- 24:56Error Handling
- 31:42Server Setup
- 38:36Sharing Functions
- 50:15Nomenclature
- 51:35Sever Cart Setup
- 59:28Sharing State
- 1:02:42Sharing the JWT
- 1:13:53Sharing the Cart
- 1:26:48State Sharing Alternatives
- 1:27:21Finishing the Cart
- 1:29:36Cross-Platform Micro-Frontends
- 1:39:02Micro-Frontend Routing
- 1:48:24Unit Testing
- 1:51:53End-To-End Testing
- 1:54:55What's Next?
Show the creator's full description
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: https://www.youtube.com/c/JackHerrington
💻 Code: https://github.com/jherr/micro-fes-beginner-to-expert
❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba)
⌨️ (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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.