frontend
Observabilidade
Eu usava Sentry no trabalho, mas meu blog pessoal não tinha monitoramento de erros. Reúno aqui o que encontrei ao adicionar instrumentação com AI: falhas escondidas atrás de respostas 200, gray failure, uma chamada ao GA presa por 65 segundos e até dados de pesquisa.
Gerenciamento de estado
O gerenciamento de estado é uma das tarefas mais complexas do frontend. Classificamos o estado em sete categorias — local, global, de servidor, de formulário, de URL, externo e guards — e apresentamos quatro perspectivas para orientar a escolha de ferramentas e a modelagem, como Single Source of Truth, eliminação de estados impossíveis e State Colocation.
Modelo de domínio
Uma visão dos conceitos de domínio, modelo de domínio e objeto de domínio sob a perspectiva do frontend, incluindo Entity, Value Object, modelo de domínio anêmico e separação de ViewModel. Veja, com um exemplo do domínio do imposto de renda global, como separar a lógica de domínio no React na prática.
Reflexões sobre a refatoração do 2º simulado do Toss Frontend Fundamentals
Compartilho minha experiência refatorando o aplicativo de reserva de salas do 2º simulado do Toss Frontend Fundamentals. Reuni o processo de separação de componentes monolíticos, extração da lógica de domínio e refatoração orientada por testes.
Engenheiro frontend na era da IA
Em uma era em que a IA escreve código por nós, como engenheiros frontend podem crescer e sobreviver? Com base em fontes verificadas, como o agentic engineering de Karpathy, o v0 da Vercel, a pesquisa do Stack Overflow e os estudos da METR, este artigo apresenta novas competências e estratégias de aprendizado centradas em validação, especificação e discernimento.
Abstração
O que é abstração no frontend e como diferenciar uma boa abstração de uma ruim. Uma análise, sob a perspectiva do design de componentes React e funções, que abrange níveis de abstração, nomes que revelam intenção e composição de peças.
queryKey
Uma análise de como queryKey funciona no TanStack Query e por que seu gerenciamento evoluiu de vetores declarados diretamente para fábricas de chaves de consulta e queryOptions. Aborda, sob uma perspectiva prática, o padrão de TkDodo, queryOptions da v5, setQueryData e a invalidação de consultas.
Tratamento de erros
Uma análise de até onde vão as responsabilidades de React Error Boundary, try/catch e throwOnError do TanStack Query, e de como combiná-los. O texto diferencia erros de renderização e erros assíncronos e explica até o funcionamento interno do reset em react-error-boundary.
Dominando o React Fiber por completo
Uma análise aprofundada da arquitetura React Fiber com base no código-fonte do React, do Stack Reconciler às prioridades de Lane, double buffering, scheduler baseado em MessageChannel e Concurrent Features. Um tema recorrente em entrevistas de frontend.
O Biome pode substituir o ESLint e o Prettier?
Comparamos o desempenho de linting e formatação do Biome com ESLint e Prettier, além da experiência prática de adoção e de um guia de migração para essa toolchain all-in-one baseada em Rust.
Zustand, afinal, por que você é ProviderLess?
Uma análise do código-fonte revela como o Zustand gerencia estado sem Provider, as diferenças em relação à Context API do React e seu design baseado em escopo de módulo.