How do large teams scale their Frontend applications?

Рет қаралды 33,499

Күн бұрын

Пікірлер: 36

@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 8 ай бұрын

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.

@riceball100 3 ай бұрын

@@christian.mar.garcia feature flags can also get complicated if there's lack of communication, and also sometimes you may end up with multiple feature flags that needs to be aware of each other

@AndrewRayan 3 ай бұрын

Yes. What you said is right. Micro frontend will create complexity to the system. Using packages is one of the best solution nowadays.

@martingonzalez9298 Ай бұрын

@@AndrewRayan I worked at a company that implemented micro frontends for their application and the case there was that the complexity of the frontend was exactly what called for it to be refactored as micro frontends. The frontend needed to display different parts for different clients and brands, giving each brand its own micro frontend allowed to streamline the development process and made ownership over the frontend easier to manage

@AndrewRayan Ай бұрын

@@martingonzalez9298 yes agreed.. your usecase need to implement microfront end if you need to connect to multiple 3 parties.

@juliocesartorrescama5661 6 ай бұрын

starts at 3:29

@zdargahi Жыл бұрын

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

@SoftwareDeveloperDiaries Жыл бұрын

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

@orlandofury Жыл бұрын

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.

@grandpaK420 Жыл бұрын

Waiting for your microservices video!

@SoftwareDeveloperDiaries Жыл бұрын

Coming soon! 😊

@ColdIce99 10 ай бұрын

You can deal with the deployment issues with feature flips

@gamingwolf3385 7 ай бұрын

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

@yassinebouchoucha Жыл бұрын

is MFe still relevant with Nextjs stack ?

@naumanahmed19 Жыл бұрын

would be nice to see an example with authentication session.

@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 Жыл бұрын

@BudetSvobodnoy 8 ай бұрын

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

@SoftwareDeveloperDiaries 8 ай бұрын

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

@PeaceBeginsOnYourPlate 10 ай бұрын

Do microfrontends use s?

@SoftwareDeveloperDiaries 10 ай бұрын

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 10 ай бұрын

@@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 10 ай бұрын

@@PeaceBeginsOnYourPlate they don't have to be same

@utuberlol 11 ай бұрын

Vercel to me do the best job with scaling

@JEEVRAJTARALKAR 8 ай бұрын

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