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

[@universecode1101]

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

[@rahulparikh927]

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

[@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.

[@aidanwalker7136]

Thankyou :)

[@sanjaybhan1585]

Awesome creation, very useful and helpful video

[@akashddeepchitransh4537]

Great video. Crisp n clear👍👍

[@ahmetdemir8047]

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

[@filippetkovski191]

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

[@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 !! 😎👍

[@faizansayyed3047]

Great video.. waiting for part 2

[@JhonatanMorais]

fantastic!!! thank you

[@nro337]

Nice video!

[@mahendranath2504]

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

[@saadowain3511]

Another great tutorial. may Allah reward you.
Yes please Part 2

[@TheRikyregna]

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

[@mariusclaudiu8479]

Superb

[@sohaibnajjar3866]

Thank you

[@CTheMishra]

Good tutorial

[@0xccd]

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

[@americoperez810]

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

[@unemployedcse3514]

Awesome 😍

[@pupil_1]

did you face any dependency version problem

[@hannyfransis8107]

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

[@leg875]

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

[@miervaldis42]

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

[@codeaperture]

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

[@Jamie-pq9gn]

Thanks, I have a question.
Is it possible to communicate between barchart linechart containers?
Is it suitable to use pubsub.

[@ashishk007]

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.

[@cloudsystem3740]

thank you very much 🙏🙏 how i can achieve that with Rollup ?

[@dhavalvanjara572]

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

[@mohitdhote2623]

Is it possible to create micro frontend in diffrent framework and render it in one single page application with module federation if yes how to do that configuration
Please help

[@aliceliu5895]

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.

[@learn029]

I can't able to install create react app with yarn which step of command i have to follow

[@learntounlearn2500]

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

[@ramanujam_gond]

@learn - rename the value of the name key from "barchart" to "linechart" in the package.json file and restart the server.

[@taiseen-ai]

Where is the last bug fixing section...?

[@athero02yt3]

Anybody got tutorial how to deploy them to cloud?

[@joshkornblum1881]

what ended up being the issue as to why it wasn't showing the second container?

[@murwathmehtar861]

In linechart project with package.json change name from "name": "barchart" to "name": "linechart". This will show the second container

[@filippetkovski191]

Please Part II, or a paid course on Udemy!

[@ducmynguyen]

Xin chào bạn nhé