No video :(

How do large teams scale their Frontend applications?

Подписаться 31 тыс.

Просмотров 24 тыс.

50% 1

Micro Frontend architecture with Module Federations is one of the ways of scaling Frontend applications. React or any other apps that come out of the box can easily get complex as teams get more requirements and the company grows, therefore a good way of scaling the app, as well as the team is necessary. Let's discuss the natural progression of a small-size company scaling into a large one.
Consider supporting the channel by clicking the "Thanks" button ❤️
🙌 Become my Patreon and get exclusive perks: / softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: / gusgadirov
💻 Also, let's connect on GitHub: github.com/gusgad
📚 Resources:
Article on Micro-Frontends: www.aplyca.com...
Micro-Frontends with Angular: dev.to/michael...
Micro-Frontends with React: blog.logrocket...
What are Microservices?: learn.microsof...
What is Module Federation?: www.syncfusion...
Module Federation with Angular and Nx: www.angulararc...
And don't forget to subscribe for more videos like this 😊

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

26 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@oscarhv7328 Год назад

I am a new UI Developer and wondered about scalability on front end teams works. This was amazing and informative! Thank you!!

@SoftwareDeveloperDiaries Год назад

Glad you found it helpful! 🤓

@ChrisVisserDev Год назад

The problem with micro frontends is that it doesnt solve the team scaling and introduces much more problems than it solves. Microservices are introduced on the backend mainly, because different systems behave differently. A frontend scales exactly for the same reasons so no need for micro frontends. A much better way is to create packages and scale along responsibilities. For example, it makes sense to have a design system team and a package to integrate them into the main project. Same for api communication, security etc

@christian.mar.garcia 3 месяца назад

I think that the solution for the problem is using feature flags to avoid some of the work in progress to interfere with the deployment cycle. So two teams can work on the same code base.

@juliocesartorrescama5661 Месяц назад

starts at 3:29

@zdargahi 6 месяцев назад

wow! one of the best educators, please keep making more architectural videos, can you also focus on FE as well

@SoftwareDeveloperDiaries 6 месяцев назад

Thanks a lot for the nice words and the feedback! Yes, I’ll do so 😛

@orlandofury 10 месяцев назад

A quick hands on will be excelent thanks for this is very helpfull or a course if you have one please post it. An full integration video of all this techs can be really helpfull.

@karlnassar8646 Год назад

Waiting for your microservices video!

@SoftwareDeveloperDiaries Год назад

Coming soon! 😊

@ColdIce99 5 месяцев назад

You can deal with the deployment issues with feature flips

@gamingwolf3385 2 месяца назад

I found this similar to monorepos by Nx or turborepo , but i don't know how to scale them seperatly

@naumanahmed19 Год назад

would be nice to see an example with authentication session.

@yassinebouchoucha 6 месяцев назад

is MFe still relevant with Nextjs stack ?

@BudetSvobodnoy 3 месяца назад

Спасибо! Меня на собеседовании спросили про микрофронтенд и я был в растерянности. Хотя я до сих пор не понимаю, зачем мне знать такое как энтри-левел разработчику

@SoftwareDeveloperDiaries 3 месяца назад

Наверное это у них в стэке 🧐

@aram8639 Год назад

How can I, as a beginner in Frontend Development, create projects that will help me apply for a job as a junior Frontend Developer? I have been solving many challenges on Frontend Mentor, but is this enough?

@SoftwareDeveloperDiaries Год назад

I’d suggest working on a project that you yourself are deeply intereted in. Just make sure the project is 1) more or less useful for you/public, 2) is well designed and coded (and documented) 3) are worthy of showcasing it to your interviewers

@SoftwareDeveloperDiaries Год назад

@utuberlol 5 месяцев назад

Vercel to me do the best job with scaling

@PeaceBeginsOnYourPlate 5 месяцев назад

Do microfrontends use s?

@SoftwareDeveloperDiaries 5 месяцев назад

Good question. The answer is - they can, but a more common approach is “Module Federation”, which is something that many libraries such as Webpack can do. What it does under the hood is - it dynamically loads code from another application at runtime and injects it into the page.

@PeaceBeginsOnYourPlate 5 месяцев назад

@@SoftwareDeveloperDiaries in that case, would it need to all use the same framework like React or can you do it with React and Vue?

@SoftwareDeveloperDiaries 5 месяцев назад

@@PeaceBeginsOnYourPlate they don't have to be same

@JEEVRAJTARALKAR 3 месяца назад

Don't know why micro frontend is even a thing. What problem it is solving and at what cost? It looked like it adds more problems rather than solving it