Todos os artigos
Linguagem compartilhada
O que fazer quando product manager e developer usam a mesma palavra para coisas diferentes? Com a ubiquitous language de Evans e a teoria de grounding de Clark, examino a estrutura das falhas de comunicação entre áreas e as ferramentas práticas para alinhar a resolução.
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.
Engenharia de Harness (Sistemas)
Do prompt ao context engineering: o que vem depois? A partir das tendências recentes do blog de engenharia da Anthropic, este artigo conecta a economia de tokens a três direções: design de harness, eval e containment (isolamento).
Como economizar tokens de IA
Meça custos de tokens com um React POC e reduza-os com prompt caching, subagent, MCP enxuto, context engineering e Cursor Composer.
Como os tokens funcionam
Como BPE cria tokens, embeddings alimentam LLMs, prefill e decode definem o custo, e KV cache e prompt caching reduzem entradas repetidas.
Ferramentas para agentes de IA
Uma análise das ferramentas encontradas ao desenvolver frontend com Claude sob quatro perspectivas: as diferenças entre CLAUDE.md, AGENTS.md e SKILL.md; os princípios do MCP e do Serena; como funcionam ferramentas de inteligência de código como o CodeGraph; e como acompanhar o GitHub Trending.
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.
Entendendo algoritmos de compressão
Uma comparação prática entre ZIP, GZIP, ZSTD, Brotli e outros formatos, dos fundamentos do LZ77 à escolha ideal para artefatos de build.