React
As layers de um app React
Dividimos uma tela de pagamento React em view, model e data seguindo Juntao Qiu. O repositório de exemplo revela um useMemo inútil e um fetch em loop.
overlay-kit
Trocar uma flag global isOpen por um await: o que ganhei, o que perdi e como funcionam por dentro os eventos, o reducer e o openAsync.
Kalyx
Por que criei o Kalyx, DatePicker headless para React, e como difere de Ark UI, React Aria e react-day-picker: valores ISO UTC, DST com Intl e testes IANA.
Gerenciamento de estado
Gerenciamento de estado no frontend em sete categorias (local, global, servidor, formulário, URL, externo e guards) e critérios de design no React.
Reflexões sobre a refatoração do 2º simulado do Toss Frontend Fundamentals
Refatoração do app de reserva de salas do 2º simulado do Toss Frontend Fundamentals: separação de componentes e extração da lógica de domínio.
queryKey
Como a gestão de queryKey no TanStack Query evoluiu de vetores inline para fábricas de chaves e queryOptions da v5, com DataTag e invalidação.
Como as queryKey são comparadas
Como o TanStack Query decide que duas queryKey são iguais: a serialização com hashKey (ordem das chaves, undefined, Map) e a comparação dos filtros.
Onde colocar o ErrorBoundary
Quantos ErrorBoundary usar e onde, conferido no código instalado: o que cada rota, tela e região recebe, um fallback compartilhado e as condições de retry.
Por que o botão de tentar de novo não funciona
Três casos em que tentar de novo num fallback do react-error-boundary traz o mesmo fallback, conferidos no código instalado, e como resolver cada um.
Propagação de erros
Lance o mesmo erro de sete lugares e só quatro chegam ao ErrorBoundary. Este post segue para onde cada tipo realmente propaga.
Dominando o React Fiber por completo
Análise do React Fiber pelo código-fonte: Stack Reconciler, nós Fiber, double buffering, Lanes, Work Loop, render e commit, e Concurrent Features.
Por que o React usa MessageChannel
Por que o Scheduler do React usa MessageChannel e não requestIdleCallback, rAF ou setTimeout: os PRs do React e o atraso de 4 ms medido no Chrome.
Zustand, afinal, por que você é ProviderLess?
Uma análise do código-fonte do Zustand: como ele gerencia estado sem Provider e no que difere da Context API do React.