The Microfrontend Crash Course

This course will teach you how to get started with micro frontends.

Timeline:
0:00 - What are Microfrontends
7:00 - Building a Microfrontend
14:17 - A Little on Webpack
22:00 - Remotes & Hosts
27:00 - Module Federation
37:20 - Understanding Module Federation

[universecode]

Super useful especially these days, I'm a React Developer and I see every day more and more on Microfrontend ... Thanks Laith ✌🏻

[ramanujam_gond]

Thank you, @Laith, for providing this tutorial. It has been incredibly helpful in comprehending the Microfrontend concept. For those encountering difficulties resolving the error mentioned towards the end of the video, a simple solution is to rename the value of the name key from "barchart" to "linechart" in the package.json file. After restarting the server, everything should function smoothly without any issues.

[rahulparikh]

You have a perfect timing. I’m gathering information on this from last two days. I’m lead on one web micro frontend project.

[filippetkovski]

I haven't seen a better video on YT in a while, especially a linking part would be super useful, for different frameworks and different pages

[sanjaybhan]

Awesome creation, very useful and helpful video

[romimaximus]

Wow !!, thank you !!, i've been searching for a tutorial on "Microfrontends" for a while !!, .. i just didn't understand, why the "nodemon" package, but thank you very much for sharing this !! 😎👍

[saadowain]

Another great tutorial. may Allah reward you.

Yes please Part 2

[xccd]

When the React/Next TypeScript version? Love it! !

[ahmetdemir]

thank you so much, it was very helpful to get the idea for micro frontend

[leg]

Very clear explanation ever for MFE. ❤ btw could please elaborate the details of this MFE in the upcoming parts. I am interested to know the error handling when one of the mfe fails, deployment to cloud and accessing the remote url elegantly etc

[TheRikyregna]

nice video, if you would make a #2 video i watch it for sure 🤙

[americoperez]

Can you do a video showing Routing between different microfrontends that use different frameworks or maybe state management between microfrontends from different frameworks?

[mahendranath]

Thank you so much for a great content 👌👍👏🙌❤👍, happy subsriber

[learntounlearn]

Plz let us know why linechart didn't appear in container i.e last minute of the video .Also plz do make a video on integrating react with react or angular frontends.Thanks

[ashishk]

Is it just me or the video seems incomplete ? since the linechart component is still invisible by the time you finish. Overall, good content. thanks.

[miervaldis]

I didn't watch the video yet, but thanks a lot anyways !
Many recommend to use micro-frontends but aren't able to give some straightforward explanations or example.
If you could do a video about how to implement micro services & monorepo, that would be quite perfect

[dhavalvanjara]

Please create content on micro front-end with ReactJs and if possible complete this one too.

[aliceliu]

I would like to know why we need to add a canvas which Id is barchat-dev? Is that because we only expose src/index.js?

And why the remote name can not be the same with cavas id?

Thanks for sharing.

[hannyfransis]

What a channel !! Really great job
Can you please make a project ecommerce with react + redux+ typescript

[codeaperture]

Hey connect React and Vue in the next video 💯🤒
(If we reach 2k likes)