Frontend Architecture Concepts | Just Enough

The 6 Frontend Architecture building blocks (Components, Containers, HoC, Services, Adapters & Stores) are used to build cleaner and scalable web applications.

We will cover the concepts, what they are, and how they interact with each other. In a future video, we will cover how to practically use them using pure Javascript.

Video Content:

00:00:00 : Introduction
00:22:47 : Components
00:05:58 : Containers
00:54:38 : Higher-Order Components (HoC)
00:48:29 : Services
00:05:40 : Adapters
00:15:34 : Stores
00:50:58 : Summary

============================================

Newsletters:

Connect on social media:

Freelancing:

#justenough #frontendarchitecture #frontenddesignpatterns

[abduvik]

✉ Liked my content? Check out my newsletter, Just Enough Dev, for more:

[CephasDevDragan]

Amazing video, thanks for the effort!

I especially like the fact that you've focused on the conceptual aspects of the front-end architecture.
Focusing on some particular tooling of a framework tends to obscure the more general underlying principles.

[alyelnaggar]

Could you explain more what is the different between HoC and the container and their use case ?

[abdu]

Please make more video series about Front end Interview with React and Javascript.

[wahabkazmi]

I'm confuse in adapters, I've used RTK query (redux query) in features folder. Where do I need to use adapter in here?