Compound components pattern in React

Akilesh Rao
Akilesh Rao
1 هزار بار بازدید - 5 ماه پیش - The Compound Components pattern in
The Compound Components pattern in React is a design approach where a component delegates the rendering and management of its child components to the consumer, allowing for flexible and composable user interfaces. Unlike traditional React components where the parent controls the structure and behavior of its children, Compound Components give more control to the consumer, empowering them to customize the arrangement and functionality of child components while maintaining encapsulation and reusability. This pattern fosters a clear separation of concerns, promotes code organization, and enhances collaboration among team members by providing a clear interface for composing complex UIs.

Github Repo: https://github.com/AkileshRao/compoun...

⌚Timestamps
0:00 - Intro
1:52 - Setup
3:58 - Traditional way of building components
5:23 - Using compound component pattern
8:18 - Tabs component using this pattern
11:06 - Exporting in a different way
13:17 - Outro

🧑‍💻Other playlists:

Tanstack query - React/Tanstack Query(2024)

Push Notifications using SW -  Push Notifications using Service worker

Service worker in Javascript (2023) - Service worker in Javascript (2023)

Javascript observers(2023) - Javascript Observers(2023)

The Web components Playlist - Web components 2023

The Git series(2023) - The Git series(2023)

Multitasking in NodeJS - Multi tasking in NodeJS

NodeJS Authentication with Passport - NodeJS Authentication with Passport(2...

Job scheduling in NodeJS - Job scheduling in NodeJS

NPM Tutorial Series - NPM Tutorial Series (2021)

Javascript(Behind the scenes) - Javascript(Behind the scenes)

Socials
🐤 Twitter - Twitter: themangalorian
📷 Instagram - Instagram: _alt.ar_
👔 LinkedIn - LinkedIn: akilesh-rao-610357137
🧑‍💻 GitHub - https://github.com/AkileshRao
📝 Medium - Medium: akileshrao19
5 ماه پیش در تاریخ 1402/12/02 منتشر شده است.
1,011 بـار بازدید شده
... بیشتر