Micro frontend in one hour | Micro frontend for beginners | Micro frontend crash course

Hi,
This video will give you a very good hands on experience with micro frontends. Checkouts the content below.
Timestamps:
00:00 Intro
01:44 What is Micro frontend
05:40 Coding micro frontends step by step
34:23 Module Federation Plugin
58:36 Conclusion
Resources:
github.com/codewithsandip/You...
Instagram:
/ codewithsandip
Please subscribe to my channel:
/ @codewithsandip
Playlists:
Portfolio Website:
• Responsive Portfolio W...
Javascript:
• JavaScript Beginner Co...
React:
• Modern React with Hooks
Learn React in 10 days:
• Learn React in 10 Days
Social Media Links:
/ gaumsys
/ gaumsys
/ gaumsys
My other channel links:
Hindi Programming Channel:
/ @techwithsandip4494
Vlog channel:
/ atmainaction
Please leave a LIKE and SUBSCRIBE for more content!
#microfrontend #javascript #crashcourse

[@Anonymous-cw7nx]

It’s really an awesome content. Thanks Sundip for making this.

[@codewithsandip]

Thanks 🙏

[@tripathysantanu]

This is a great video! Detailed information with hands on coding helped a lot understanding MFE! Thanks for this step by step explanation👍

[@codewithsandip]

Thanks 🙏

[@RounakBhattacherjee]

this was my first video regarding mfe and I ended up in a good place, thanks buddy

[@kiranmohare6276]

great content Sadip!

[@user-qf7re9ni6d]

After so many videos,i got my concepts cleared,Thanks a lot,U saved me Sandip.

[@FactFrenzy143]

Great Explanation 👏👏Crystal and Clear 💯

[@sandiproy9361]

After watching so many videos.. i can say this is the only video that truly explains MFE.. great work

[@codewithsandip]

Thanks

[@aram5642]

Agreed. No bs, and framework-agnostic. I would be grateful if Sandip could maybe expand the workflow and show the production webpack config and cd/ci

[@vishalpatil7994]

hi sandeep, really good content , thanks for such a informative video

[@codewithsandip]

Thanks 🙏

[@cubastic_rahul]

thank you so much 🙏🏼🙏🏼🙏🏼🙏🏼

[@a5spy]

Thank you so much Sandip

[@codewithsandip]

Glad it helped

[@haythemismail8571]

Thanks for the great video.

[@codewithsandip]

Glad it helped

[@kavyashreekl7606]

Thank You, its very helpful for beginners

[@codewithsandip]

Thanks

[@Sangeeta1616]

great stuff and nicely explained

[@codewithsandip]

Thanks 🙏

[@virajjayasinghe3434]

Great video. Please keep it up

[@codewithsandip]

Thanks

[@MonikaTravelDiary]

Hi Sandip, Its a great video but I want to know why the HTML changes in index.html of the product MFE (Like u added h3 tag) not reflecting in the container MFE?

[@kirubhanandhan2797]

Best MICROFRONTEND video among other channels☺

[@codewithsandip]

Thanks

[@robloxgaming9417]

Nice explanation

[@vithleshagrawal9234]

how to do pagination and data sharing in microfrontend like with the help of redux?

[@anishsuman1371]

Awesome awesome awesome

[@codewithsandip]

Thanks

[@user-qx6gp9ci5d]

very good explanation

[@codewithsandip]

Thanks

[@AsishSharma-gi8tb]

Thanks buddy...

[@codewithsandip]

Thanks 🙏

[@vinitvijayan7014]

Very Informative video. After going through many videos, This was the perfect one. Understood each and every concept in MFE. Can you please upload MFE with Angular also.😄

[@codewithsandip]

Thanks. Sure I have plan to go deeper into mfes in future.

[@BhumikaBalchandani]

Very nice explanation! Can you please share the PPT you are using in the video?

[@animeshkumarsharma6259]

Hi Sandip, thanks for the great tutorial ! I have a query, mfe vs . In a large application I see small applications are used via loading them inside s, data communication happens via postMessage for crossdomain or localstorage. Isn't it providing similar advantages of microfrontend ? How mfe is superior in this scenario is what i am not able to understand at this stage of my understanding.

[@codewithsandip]

I did worked on s but they doesn’t go well with small devices like phone. Mfe is completely different ball game. They have many advantages like separation of concern, scale, tech agnostic etc.

[@mernDev]

great video

[@codewithsandip]

Thanks 🙏

[@none0n]

Thanks for the great video. Do you have a video on Angular and React, React as the host and Angular as the remote?

[@codewithsandip]

Sure will try to make a video on same

[@kishorranga]

good one..

[@codewithsandip]

Thanks

[@veeramanikantapinnana423]

Great video Sandip 👏👏👏
Can you please explain the mfe with angular framework

[@codewithsandip]

Sure will try to come with a video 🙏

[@roxanamuntian3094]

Is this the full Udemy tutorial about MFE? I feel like the code is the same...

[@khushwantkodecha1342]

Why did we need to add div#product-list in container app, we already do have that div#products-list in products app?

[@codewithsandip]

Because you are rendering the mfe in container and container doesn’t have access to your product html file.

[@hk_build]

Thanks for great content!!
Can you make a video on micro front end where react component is exposed wich is dependent on redux store and middle wares such as redux saga???

[@codewithsandip]

I m planning a complete series on this. Thanks for your patience.

[@hk_build]

@@codewithsandip love to hear that from you 👍👍

[@khushwantkodecha1342]

Let's suppose we need to pass some data from products page to cart page, how can that be accomplished?

[@codewithsandip]

Ideally you should not do that as it’s not best practice. Data should be stored in database using micro services architecture in backend.

[@sandeepkapalawai1642]

This is so great and insightful session on question at the place of remote we have given local instance but what if we need to ENV like DEV/Test env how this is going to work

[@codewithsandip]

I m planning a complete series on that. Thanks for your patience.

[@kundankumar-pv9gz]

I just subscribed

[@codewithsandip]

Thanks

[@maanasanand6815]

Very informative video sir !! Please make more content related to micro Frontend 👍

[@codewithsandip]

Thanks. Sure I will try to bring in some more content.

[@arjunpm6905]

Thanks sir,is it possible to implement in an existing angular project?pls reply sir.Iam struggling😑🥲

[@codewithsandip]

Yes you can do this in existing project too, you need to update Webpack version to 5 and above. I have converted my entire application to mfe in react.

[@arjunpm6905]

@@codewithsandip thanks for the quick reply..😍

[@khushwantkodecha1342]

Can you please crate a video on routing in MF?

[@codewithsandip]

Sure I have planned a detailed video on this topic.

[@webdevelopmentinhindi5091]

Isko kuchh nhi aata, just cooy paste from a udemy course.

[@niteshagarwal9749]

Thanks for making this. Can you please explain how to communicate/pass data between MFEs and from MFE to container?

[@codewithsandip]

Thanks. Passing data between mfes and container is not good practice. Your data should be kept in the backend and accessed through rest apis. Hope it will help.

[@niteshagarwal9749]

@@codewithsandip Okay. Does that mean if I select some product in product MFE then my cart MFE should show updated count with the help of Rest API? Or in such cases we need to include cart and product logic in single app only?

[@sunilkumar-zf4dx]

Thanks for the video but why index.html is not imported??? Why create a new element in the container html??

[@codewithsandip]

In mfe we don’t do that, that’s the old way of importing HTML inside s

[@chandrakantkamble]

Use Indian accent as it is. Your videos help us but don't try to speak english in non indian accents. Just a request no harsh comment.