$cat~/glossario/react-component.md

Component

React

Unidade de UI reutilizável que recebe props e retorna elementos.

react-component.mdmarkdown
01

seção

Explicação

Component — Unidade de UI reutilizável que recebe props e retorna elementos.

Função ou classe que retorna ReactElement — encapsula UI + behavior via props/hooks.

Single responsibility component — compose smaller.

02

seção

Exemplo

snippettsx
function Badge({ label }: { label: string }) {  return <span className="badge">{label}</span>;}
03

seção

Modo de uso

  • Design system atoms

  • Page sections compose

  • Storybook isolate

04

seção

Armadilhas comuns

  • God component 500 lines

  • Business logic heavy in View

05

seção

Termos relacionados