Compound Components

React 🟡 Mid

Type : React Patterns

Definition

Pattern ou plusieurs composants travaillent ensemble en partageant un state implicite via Context. Offre une API declarative et flexible.

Analogie

Comme les balises HTML <select> et <option> qui cooperent naturellement.

Exemple de code

<Tabs defaultValue=class="str">"a">
  <Tabs.List>
    <Tabs.Tab value=class="str">"a">Tab A</Tabs.Tab>
  </Tabs.List>
  <Tabs.Panel value=class="str">"a">Contenu A</Tabs.Panel>
</Tabs>