Tag
O mais recente
Buscar dados num useEffect e guardá-los num useState é o padrão mais ensinado do React, e o mais caro. O problema não é funcionar mal — é que, ao escrevê-lo, assumiu-se a manutenção de uma cache . E uma cache tem quatro obrigações que ninguém pediu. 1. As quatro obrigações Saber quando os dados estã…
Ler o artigoO Context resolve um problema: entregar um valor a um componente fundo na árvore sem o passar à mão por todos os que estão pelo caminho. Não é mais do que isso — e sobretudo não é gestão de estado. É dessa confusão que vem quase tudo o que corre mal com ele. O estado continua a viver num useState ac…
Ler o artigoA key não existe para o React ser rápido. Existe para ele responder a uma pergunta: este elemento é o mesmo de antes, ou é outro? Entre dois renders há duas listas, e a key é a única coisa que liga os elementos de uma aos da outra. Quando se usa o índice como key , o que se está a dizer é «o terceir…
Ler o artigoUm formulário em React era, durante anos, um useState por campo, um onChange por campo, e um onSubmit que fazia preventDefault e um fetch . Muito código para o que o HTML já sabia fazer sozinho desde 1995. O formulário de comentários deste site é o exemplo que vou usar até ao fim — e não tem um únic…
Ler o artigoOs exemplos deste artigo são todos deste site — código que está a correr enquanto o lê, e não casos inventados para a ocasião. A ideia é uma só: no App Router do Next, um componente corre no servidor por omissão e nunca chega ao browser . Não é uma afinação de desempenho; muda o que se pode escrever…
Ler o artigoHá duas formas de usar mal estes dois hooks, e são opostas. Uma é nunca lhes tocar e ter uma aplicação a arrastar-se. A outra — muito mais comum — é embrulhar tudo neles por precaução, e ficar com um código mais difícil de ler que continua exatamente igual de rápido. 1. O que fazem, em duas linhas /…
Ler o artigoO useRef costuma ser apresentado como «a forma de chegar a um elemento do DOM». É um dos usos, e provavelmente nem é o mais frequente. O que um ref é, na verdade, é mais simples do que isso e explica tudo o resto: uma caixa que sobrevive aos renders e cuja alteração não provoca nenhum . 1. O estado …
Ler o artigoHá um padrão que aparece em quase todos os projetos React com mais de um ano: um useEffect que observa um valor e escreve outro. Funciona — e é quase sempre a forma mais cara e mais frágil de fazer aquilo que se queria. Uma pergunta só resolve a maior parte destes casos: isto tem de acontecer porque…
Ler o artigoO React 19 saiu em dezembro de 2024, e tem uma particularidade: a lista do que parte é tão interessante como a das novidades. A maior parte das aplicações atualiza sem drama — e as que não atualizam sem drama falham quase sempre pelas mesmas cinco razões. 1. O ref passa a ser uma prop como as outras…
Ler o artigoGostávamos de saber quantas pessoas visitam o site, com o Google Analytics. Sem a sua autorização não corre nada. Política de Privacidade.