Do blog da OpenReplay
Como Implementar Drag and Drop em Svelte
A implementação de drag and drop em Svelte pode usar a API nativa do HTML5 ou svelte-dnd-action para animações, suporte a touch e boards com múltiplas listas.
Quando 100vh Mente: Corrigindo Problemas de Viewport em Dispositivos Móveis
As unidades svh, dvh e lvh diferem de vh em aspectos cruciais para evitar corte de viewport em mobile e garantir layouts estáveis em altura total.
Casos de Uso para Geradores em JavaScript
Geradores JavaScript produzem valores sob demanda para iteração lazy, paginação assíncrona e pipelines combináveis com a Iterator Helpers API.
Como Organizar Definições de Tipos em um Projeto TypeScript
A organização de definições de tipos em TypeScript pode seguir uma estratégia clara de colocation entre arquivos inline, diretórios compartilhados e arquivos de declaração ambient.
MCP Apps: Adicionando UI Interativa a Conversas com IA
MCP Apps permitem componentes de UI interativos em conversas com IA. Saiba como servidores MCP renderizam dashboards e formulários usando o padrão SDK ext-apps.
Uma Maneira Melhor de Ver Erros no VS Code com Error Lens
O Error Lens exibe diagnósticos do ESLint e TypeScript inline no VS Code, ajudando desenvolvedores frontend a identificar e corrigir erros sem sair do editor.
Construindo Sua Primeira API com Koa
Tutorial sobre construção de uma REST API com Koa, abordando roteamento, parsing de JSON e o modelo de cascade de middlewares para endpoints GET e POST.
Quando Usar user-select: none (e Quando É uma Armadilha de UX/Acessibilidade)
A propriedade user-select none pode beneficiar controles interativos ou prejudicar a acessibilidade, ferramentas de tradução e usuários que dependem da seleção de texto.
Como Medir o Desempenho de JavaScript
Perfil da execução de JavaScript com DevTools, a Performance API e as Core Web Vitals permite identificar gargalos e medir o INP real com precisão.
Rolagem Virtual para Interfaces de Alto Desempenho
A rolagem virtual renderiza apenas nós DOM visíveis, mantendo grandes datasets ágeis. O artigo aborda windowing, overscan e bibliotecas como TanStack Virtual.
OpenClaw: Um Novo Assistente de IA de Código Aberto
OpenClaw é um agente de IA self-hosted que executa comandos shell, controla navegadores e integra Slack, Telegram e WhatsApp no próprio hardware.
Streams Explicados para Desenvolvedores Web
A Web Streams API, com ReadableStream e TransformStream, permite processar respostas do fetch em partes, reduzindo uso de memória e melhorando a performance.
Como Funcionam os Bancos de Dados Chave-Valor (ex.: Redis, Memcached)
Redis, Memcached e bancos chave-valor usam hash tables em memória para buscas rápidas, caching e armazenamento de sessões em sistemas backend.
Valores Absolutos em CSS com abs()
A função CSS abs() permite trabalhar com custom properties com sinal em espaçamento, animações e layout, sem recorrer a soluções em JavaScript.
O Que É Lynx.js? Um Guia Para Iniciantes
Lynx.js é um framework multiplataforma da ByteDance que renderiza UIs nativas para iOS e Android com React, CSS real e arquitetura de duas threads.
Construindo Clientes de API Type-Safe com OpenAPI e TypeScript
Geração de tipos TypeScript a partir de specs OpenAPI com openapi-typescript, openapi-fetch e Orval para clientes de API type-safe sem erros em runtime.
Implementando Busca Binária em JavaScript
É possível implementar busca binária iterativa e recursiva em JavaScript, compreender o requisito de array ordenado e identificar quando esse algoritmo supera a busca linear.
Guia Rápido de Processamento de Texto no Linux
grep, sed, awk, ripgrep e jq ampliam a produtividade no terminal para analisar arquivos de log, extrair colunas e transformar dados de texto estruturado.
Como Funciona o Aspect Ratio em CSS
A propriedade aspect-ratio controla o dimensionamento de caixas, substitui o hack de padding e previne layout shift ao ser combinada com object-fit em layouts flexbox e grid.
Como Implementar Notificações Toast no Vue
O tutorial aborda notificações toast no Vue 3 via composable personalizado ou Vue Toastification, com markup acessível e padrões da Composition API.
Fundamentos de Cache que Todo Desenvolvedor Web Deveria Conhecer
A construção de aplicações web mais rápidas é viável com o uso correto de cache do navegador, CDN, cabeçalhos Cache-Control, ETag e Last-Modified.
Exibindo Horários Legíveis no Navegador
Formatação de timestamps UTC para o navegador com Intl.DateTimeFormat, Intl.RelativeTimeFormat, Intl.DurationFormat e Temporal, sem bibliotecas externas.
CSS Grid Lanes: O Novo Layout Masonry Nativo
Layout masonry nativo com CSS Grid, suporte nos navegadores e estratégias de fallback para layouts estilo Pinterest sem bibliotecas JavaScript.
As Melhores Interfaces Git para Desenvolvedores
Comparativo entre Fork, GitKraken, Tower, Sourcetree, GitButler e Lazygit para fluxos de branching, rebase e resolução de conflitos no Git.