$cat~/glossario/react-context.md

Context

React

API para compartilhar valor entre árvore sem prop drilling.

react-context.mdmarkdown
01

seção

Explicação

Context — API para compartilhar valor entre árvore sem prop drilling.

Provider supplies value subtree; useContext consume without prop drill — rerender all consumers on value change.

Split contexts by update frequency perf.

02

seção

Exemplo

snippettsx
const ThemeCtx = createContext<"light" | "dark">("light");// Provider value={theme} wrap tree
03

seção

Modo de uso

  • Theme locale auth modest

  • Replace deep props

  • Compound component internal

04

seção

Armadilhas comuns

  • Put entire app state one context perf

  • Default undefined forget Provider

05

seção

Termos relacionados