TIL Compound Components in React

POSTED ON: Oct 01, 2021

TAGS: react kentdobbs components

I learned about compound components, where you combine parent/child data.

Think of compound components like the and elements in HTML. Apart they don't do too much, but together they allow you to create the complete experience. The way they do this is by sharing implicit state between the components. Compound components allow you to create and use components which share this state implicitly.— Kent C. Dodds

5:30 seconds in the Codepen Podcast

A better explainer here:
Compound Components in React

---

Related TILs

Tagged: react

TIL How to implement two-way binding without a framework

One of the reasons we use React or Vue is because of that sweet sweet two-way binding. It's the automatic syncing of data between the model (data) and the view (UI) in both directions. Any changes made to the data will automatically update the view, and any changes made to the view will automatically update the data.

Nov 14, 2022

TIL how Svelte is different fom Vue/React

May 25, 2022

TIL about Concurrency

It means tasks can overlap.

Mar 05, 2022

---

• Next: TIL the value of a good commentInside your code should be explanations about what the code is supposed to be doing. On the other hand, you can go too far in your commenting. Make sure that your comments clarify your code but do not obscure it.
• Previous: TIL the difference between throttling and debouncingThrottling enforces a maximum number of times a function can be called over time. Debouncing enforces that a function not be called again until a certain amount of time has passed without it being called.