Frontend com React

🧩 Composição: children e slots

Componha interfaces combinando componentes: props.children para conteúdo arbitrário, slots via props e os padrões de composição que o React prefere em vez de herança.

O que você vai aprender

Compor componentes contêiner envolvendo conteúdo arbitrário com props.children
Preencher várias áreas de um componente passando elementos JSX via props (slots)
Escolher entre children e slots conforme haja uma ou várias áreas a preencher
Aplicar composição em vez de herança para reutilizar e especializar componentes

Lições

props.children e componentes contêinerEnvolver conteúdo arbitrário. Slots: passar elementos via propsO padrão dos 'buracos'. Composição versus herançaCombinar componentes, não estendê-los.

Pratique este módulo no app

O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.

Comece grátis no app →