Тёмный

The Microfrontend Crash Course 

Laith Academy
Подписаться 72 тыс.
Просмотров 32 тыс.
50% 1

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

Опубликовано:

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 41   
@universecode1101
@universecode1101 2 года назад
Super useful especially these days, I'm a React Developer and I see every day more and more on Microfrontend ... Thanks Laith ✌🏻
@rahulparikh927
@rahulparikh927 2 года назад
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
@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
@aidanwalker7136 10 месяцев назад
Thankyou :)
@sanjaybhan1585
@sanjaybhan1585 Год назад
Awesome creation, very useful and helpful video
@akashddeepchitransh4537
@akashddeepchitransh4537 2 месяца назад
Great video. Crisp n clear👍👍
@filippetkovski191
@filippetkovski191 2 года назад
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
@ahmetdemir8047
@ahmetdemir8047 Год назад
thank you so much, it was very helpful to get the idea for micro frontend
@romimaximus
@romimaximus 2 года назад
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
@faizansayyed3047 Год назад
Great video.. waiting for part 2
@JhonatanMorais
@JhonatanMorais 11 месяцев назад
fantastic!!! thank you
@nro337
@nro337 2 года назад
Nice video!
@americoperez810
@americoperez810 Год назад
Can you do a video showing Routing between different microfrontends that use different frameworks or maybe state management between microfrontends from different frameworks?
@saadowain3511
@saadowain3511 2 года назад
Another great tutorial. may Allah reward you. Yes please Part 2
@0xccd
@0xccd Год назад
When the React/Next TypeScript version? Love it! !
@leg875
@leg875 2 месяца назад
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
@mariusclaudiu8479
@mariusclaudiu8479 3 месяца назад
Superb
@mahendranath2504
@mahendranath2504 2 года назад
Thank you so much for a great content 👌👍👏🙌❤👍, happy subsriber
@TheRikyregna
@TheRikyregna Год назад
nice video, if you would make a #2 video i watch it for sure 🤙
@sohaibnajjar3866
@sohaibnajjar3866 2 года назад
Thank you
@Jamie-pq9gn
@Jamie-pq9gn 2 года назад
Thanks, I have a question. Is it possible to communicate between barchart linechart containers? Is it suitable to use pubsub.
@CTheMishra
@CTheMishra 9 месяцев назад
Good tutorial
@unemployedcse3514
@unemployedcse3514 11 месяцев назад
Awesome 😍
@pupil_1
@pupil_1 8 месяцев назад
did you face any dependency version problem
@hannyfransis8107
@hannyfransis8107 Год назад
What a channel !! Really great job Can you please make a project ecommerce with react + redux+ typescript
@miervaldis42
@miervaldis42 2 года назад
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
@cloudsystem3740
@cloudsystem3740 Год назад
thank you very much 🙏🙏 how i can achieve that with Rollup ?
@ashishk007
@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.
@codeaperture
@codeaperture 2 года назад
Hey connect React and Vue in the next video 💯🤒 (If we reach 2k likes)
@mohitdhote2623
@mohitdhote2623 10 месяцев назад
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
@dhavalvanjara572
@dhavalvanjara572 10 месяцев назад
Please create content on micro front-end with ReactJs and if possible complete this one too.
@learn029
@learn029 2 года назад
I can't able to install create react app with yarn which step of command i have to follow
@aliceliu5895
@aliceliu5895 5 месяцев назад
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.
@learntounlearn2500
@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
@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
@taiseen-ai 22 дня назад
Where is the last bug fixing section...?
@joshkornblum1881
@joshkornblum1881 Год назад
what ended up being the issue as to why it wasn't showing the second container?
@murwathmehtar861
@murwathmehtar861 7 месяцев назад
In linechart project with package.json change name from "name": "barchart" to "name": "linechart". This will show the second container
@filippetkovski191
@filippetkovski191 2 года назад
Please Part II, or a paid course on Udemy!
@athero02yt3
@athero02yt3 2 месяца назад
Anybody got tutorial how to deploy them to cloud?
@ducmynguyen
@ducmynguyen Год назад
Xin chào bạn nhé
Далее
HTTPS, SSL, TLS & Certificate Authority Explained
43:29
Micro-Frontends in Just 10 Minutes
11:00
Просмотров 215 тыс.
5 New AI Tools You Should Try
9:18
Просмотров 9 тыс.
MUI5 (Material UI) Crash Course
1:28:35
Просмотров 214 тыс.
Micro Frontend Architecture - Luca Mezzalira, DAZN
27:47
The NGINX Crash Course
50:53
Просмотров 471 тыс.
Vite and Module Federation Makes Micro-Frontends EASY!
27:36