Compound components pattern in React
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
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
بـار بازدید شده