Micro-Frontends in Just 10 Minutes
218,341
Published 2021-10-14
Check out our book "Practical Module Federation": module-federation.myshopify.com/
As well as the playlist of Module Federation videos: • Module Federation
Code: github.com/jherr/micro-fes-in-10-minutes
👉 What's my theme? Night Wolf [black]
👉 What's that font? MonoLisa
👉 I'm a host on the React Round Up podcast: devchat.tv/podcasts/react-round-up/
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: discord.gg/ddMZFtTDa5
00:00 Introduction
00:13 Creating the host app
01:00 Creating the remote app
02:10 Creating the Micro-Frontend
04:05 Exposing the Micro-Frontend
04:45 Consuming the Micro-Frontend
07:00 Creating the React host app
08:00 Wrapping the Micro-Frontend
09:00 Consuming the Micro-Frontend in React
10:18 Outroduction
Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel.
#microfrontends #modulefederation #webpack5 #react #solidjs
All Comments (21)
-
Hey jack, amazing content! These concepts are too tough for beginners though 😂 can you give simple example of what basically microfrontend is
-
Holy crap. This was one of those rare times where a video is just great all the way through. No BS, just pure content. High quality content.
-
Amazing content. So great to see this, and the cross framework example was spot on. Hoping to put these concepts into work soon.
-
Hey Jack! I searched YouTube for Module Federation with React and saw your posts, have never seen them before. I purchased a Udemy course on micro front ends that drags on so long for far too many hours and is very soon outdated, but your videos are so direct and to the point, no BS fluff, really like your style and explanation. Thanks for sharing this info, it’s super helpful, glad to start watching more of your vids 🙌🏻
-
Absolutely GOLD content for free available and just 31k views WHY? i know the topics which he covers are quite advanced and one might not able to catch up but still pls share this channel a lot could be learned from Sr. Devs like him. Lots of love from India
-
Great video quality!! You are one of the best programmers that I have found on the Youtube :)
-
Phenomenal, I had spent crazy time tryna figure this out and even took a Udemy course which was outdated, but this video met all my needs in just 10 mins. Huge respect
-
I have never this explained so simple like you did. Great video!
-
This is awesome. I'm currently integrating an application with a frontend bus using iFrames, due to company specifications. I think this solution is a game changer. Thanks (also for all the other videos)!
-
Great content Jack, thank you! I’m currently importing several npm modules made with TSDX, but will be giving this approach a try
-
This is extremely good content. Finally something worth to watch. Great explanation and clarity of the topics.
-
10 mins of great content, thank you for all your effort.
-
Thanks for the tutorial Jack, informative as always.
-
Awesome demonstration 🎉 and cool concept. It's really useful when the company wants to move gradually from one framwork to another.
-
Awesome video. Explained in an easy way with simple example. Thanks
-
Senior content is always hard to find, thanks very much for being different
-
Man, this rules. THANK YOU! Game changer for a lot of my future work.
-
Just got tripped up on an interview with this term, absolutely essential to know. I've always used the "modular development" umbrella term for both components (that can make up a micro frontend) and micro frontends (that make up a complete application frontend).
-
Ok you sold me on this with this video. I need to schedule some time to study this each week.
-
Hey Jack!! Your content is amazing!!! Thanks for sharing this! Greetings from Argentina!
