Micro-Frontends in Just 10 Minutes

Take ten minutes to create three applications using Module Federation to create and share a Micro-Frontend between SolidJS and React.

👉 What's my theme? Night Wolf [black]
👉 What's that font? MonoLisa

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

[adarshpandya]

Hey jack, amazing content! These concepts are too tough for beginners though 😂 can you give simple example of what basically microfrontend is

[mccall]

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.

[garywaddell]

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 🙌🏻

[amansaxena]

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

[theprodev]

Amazing content. So great to see this, and the cross framework example was spot on. Hoping to put these concepts into work soon.

[jakhongirabdukhamidov]

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

[claudioseccia]

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)!

[ram-bkmu]

Great video quality!! You are one of the best programmers that I have found on the Youtube :)

[ngochunglongnguyen]

Awesome demonstration 🎉 and cool concept. It's really useful when the company wants to move gradually from one framwork to another.

[Astral_Dusk]

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).

[turokII]

Great content Jack, thank you! I’m currently importing several npm modules made with TSDX, but will be giving this approach a try

[marcelinoborges]

I have never this explained so simple like you did. Great video!

[Drvo]

This is extremely good content. Finally something worth to watch. Great explanation and clarity of the topics.

[thiccboi]

papa Jack back at it again with another great video! Amazing one. I stopped Module federation implementation in our project last year since its made of webpack 4 CRA apps and moving things to webpack 5 was not stable and leaked memory all the time. Maybe its time to look at it again.

[Ca-rpbv]

Senior content is always hard to find, thanks very much for being different

[clouatre]

Man, this rules. THANK YOU! Game changer for a lot of my future work.

[shubhasingh]

10 mins of great content, thank you for all your effort.

[dattugaade]

Awesome video. Explained in an easy way with simple example. Thanks

[SwiftySanders]

Ok you sold me on this with this video. I need to schedule some time to study this each week.

[chrissullivan]

Thanks for the tutorial Jack, informative as always.