Dicionário técnico

Hook básico para estado local do componente.

Roda side effects após o React commitar mudanças no DOM.

Como useEffect, mas executa síncronamente ANTES do browser pintar.

Memoiza o RESULTADO de uma computação. Recomputa apenas quando as deps mudam.

Memoiza uma FUNÇÃO. Mantém a mesma referência entre renders enquanto deps não mudam.

Cria objeto { current } mutável que persiste entre renders sem causar re-render quando alterado.

Alternativa ao useState para estado complexo com múltiplas transições.

Lê o valor do Context Provider mais próximo na árvore. Re-renderiza quando value muda.

Marca setState como não-urgente. Retorna [isPending, startTransition]. Mantém UI responsiva durante updates pesados.

Retorna versão 'atrasada' de um valor. React mantém valor anterior enquanto processa o novo.

Gera ID único e estável entre server e client. Previne hydration mismatch.

Subscriba em stores externos sem tearing em Concurrent Mode.

Sintaxe que parece HTML mas compila para React.createElement().

Representação em JS da árvore do DOM real. React compara versões e aplica só as diferenças.

Algoritmo que compara dois Virtual DOMs e calcula o mínimo de mudanças para o DOM real.

Arquitetura interna do React 16+ que permite renderização interrompível e priorização.

Componente que mostra fallback enquanto filhos 'suspendem' (lançam Promise não resolvida).

Componente class que captura erros em filhos. Mostra UI de fallback em vez de quebrar o app.

Processo de attachar event listeners do React ao HTML pré-gerado pelo servidor.

Componente que renderiza exclusivamente no servidor. Sem JS no bundle do cliente.

Função 'use server' que executa no servidor mas pode ser chamada pelo cliente. Sem API route.

Static Site Generation. HTML gerado em build-time. Servido como arquivo estático do CDN.

Server-Side Rendering. HTML gerado a cada request. Dados sempre frescos.

Incremental Static Regeneration. SSG com revalidação automática em background.

Função Edge que intercepta requests antes de chegar na rota. Para auth, redirects, headers.

V8 isolates em CDN edge global. Baixa latência, APIs Web restritas, sem Node.js.

Sistema de rotas do Next.js 13+ baseado em /app/. Suporta RSC, Server Actions, Layouts, Streaming.

Compartilha valores entre componentes sem prop drilling.

State management leve e simples. Sem providers. Store global com seletores.

Gerencia server state: fetch, cache, sync, mutations. Substitui useState+useEffect para dados externos.

Dividir o bundle JS em chunks menores, carregados sob demanda.

Cache de resultado para inputs iguais. Evita recomputação e re-renders desnecessários.

Atrasa execução de uma função até parar de ser chamada por N ms.

Renderiza apenas os itens visíveis. DOM permanece pequeno independente do total.

Largest Contentful Paint. Tempo até o maior elemento visível renderizar. Meta: < 2.5s.

Interaction to Next Paint. Tempo de resposta de TODAS as interações. Meta: < 200ms. Substituiu FID em 2024.

Cumulative Layout Shift. Soma de layout shifts inesperados. Meta: < 0.1.

Time to First Byte. Tempo até o browser receber o primeiro byte do servidor. Meta: < 600ms.

Cross-Site Scripting. Injeção de JavaScript malicioso em página confiável.

Cross-Site Request Forgery. Site malicioso dispara ação em seu site usando cookies do usuário.

Cross-Origin Resource Sharing. Browser bloqueia requests cross-origin por padrão. Servidor pode liberar via headers.

Content Security Policy. Header HTTP que restringe o que pode executar na página.

Flag de cookie que impede acesso via JavaScript. Protege contra roubo de token por XSS.

Flag de cookie que controla envio em requests cross-site. Principal defesa contra CSRF.

Thread JavaScript separada do main thread. Para cálculos pesados sem travar a UI.

Worker especial que roda em background, intercepta requests. Base de PWA e offline support.

API nativa que detecta quando elemento entra ou sai do viewport. Eficiente, sem scroll listener.