React Compound Pattern and Context API

In this video, I'll be explaining React Context API with React Compound Pattern.
The video starts with an introduction to compound component pattern. This pattern is useful when you want to create reusable components that can be nested. The video then dives into how to use React Context API with compound components.

[@Showmatic]

I've used this method to create a reusable accordion component. Really useful

[@SakuraDev]

Excellent!

[@fgh77413]

Congratulations on the work, excellent content!

[@SakuraDev]

Much appreciated!

[@RonnieDenzel]

Nice work,but when do we apply this,I'm a bit confused😅

[@SakuraDev]

Thanks. When we have some components that have close interaction with each other we can use this pattern, an example could be Accordion component. 🙏

[@RonnieDenzel]

@@SakuraDev ahhh nice,thanks for the clarification, already subscribed 😅

[@SakuraDev]

@@RonnieDenzel Thanks for your support 🙏

[@Edwinil]

What should I do, if a want to share the state outnof the Card Component? I mean share the hook as well

[@SakuraDev]

To do this, You have 2 options. The first is to create your context outside of the Card component.

[@SakuraDev]

The second option which I prefer, is that you crate a onClick event function for the card component and the each time the button is clicked, you pass out the value of ringNum with the event function.

[@SakuraDev]

Hope That helps you

[@nisabmohd]

Hi can you please tell me the font you're using

[@SakuraDev]

Hi, it's jetbrain

[@SaivivekRavi]

hi can you send your setting.json please i have subscribed i want theme font size and font family
hope you reply

[@SakuraDev]

Hi, The theme is bearded them and the font is jetbrains font