⬆️
Padrão

Lifting State Up

Mover estado para o ancestral comum quando dois componentes precisam compartilhar.

Definição

Lifting State Up é o padrão de mover state para o componente ancestral mais próximo que ambos os componentes que precisam dele compartilham. Os filhos recebem state via props e callbacks para alterá-lo. É o padrão fundamental de gerenciamento de estado no React.

🔴 Problema

Dois componentes irmãos precisam compartilhar/sincronizar estado. Componente A tem state local, B precisa do mesmo valor.

Solução

Mover o state para o pai comum. Pai passa para A e B via props. Para alterar, pai passa callbacks (setX) que filhos invocam.

💡 Dica Senior

Quando o lifting sobe muitos níveis (>3), considere Context, Zustand ou outra solução de state management. Lifting é elegante mas tem limites.

Perguntas de Entrevista

🔗 Termos do dicionário
33/48