O ecossistema JavaScript e TypeScript.
A IA venceu a guerra do TypeScript. O debate acabou. O TypeScript não venceu por ter argumentos melhores. Ele venceu porque as ferramentas de IA tornaram o debate irrelevante. Pesquisadores encontraram um padrão chave...
Uma verificação de largura disse que a string estava segura para ser cortada. Ela dividiu um Kanji ao meio. Um nome entrou em uma tabela de terminal e saiu quebrado. O sobrenome era 𠮷田. O primeiro caractere não é o c…
Operações CRUD no DOM. O Document Object Model (DOM) é a forma como os navegadores representam o HTML. Ele transforma cada elemento, atributo e trecho de texto em um objeto. O JavaScript utiliza esses objetos...
Como Configurar o React Context. O prop drilling estraga o seu código. Você passa dados por cinco camadas de componentes que não precisam deles. O React Context resolve isso. No entanto, a maioria das configurações cria...
Testando E-mails de Resumo do Nodejs Sem Ruído na Caixa de Entrada. E-mails de resumo causam problemas quando ambientes de visualização enviam resumos para uma única caixa de entrada compartilhada. Você perde o controle de qual mensagem pertence...
Teste fluxos de alteração de e-mail sem perder links. Alterar o e-mail de uma conta parece algo simples. É uma armadilha comum para equipes de QA. Um testador atualiza um endereço. Outra pessoa abre o e-mail...
A Regra dos 3 Segundos de Desempenho Web. Você tem três segundos. Depois disso, seus usuários vão embora. Pesquisas do Google mostram que 53% dos usuários de dispositivos móveis abandonam um site se ele demorar mais de 3 segun...
Usando React Refs e o Hook useRef. O React utiliza uma abordagem declarativa. Você atualiza o estado e o React atualiza a UI. Isso funciona para a maioria das tarefas. Mas, às vezes, você precisa ir além de...
Por que usar o índice como chave é uma má ideia no React. Você cria uma lista dinâmica no React. Você exclui um item. De repente, o estado da interface de um item diferente muda. Ou você ordena uma lista e o in...
Acompanhe visitantes do site em tempo real sem assinaturas. Um cliente queria ver quem estava em seu site em tempo real. Eles gostaram do widget da Tidio, mas não queriam pagar por uma assinatur...
Por que você precisa da prop 'key' do React. Você vê este erro no seu console: "Each child in a list should have a unique 'key' prop." Muitos desenvolvedores o ignoram. Isso é um erro. Este aviso...
Meu Agente de Programação Lembrava de Sessões, Não do Trabalho. Um agente de programação pode manter uma thread ativa e ainda assim parecer esquecido. Encontrei esse problema enquanto construía o CliGate. Eu corrigi a continuação das sess...
Domine Listas e Chaves no React. Renderizar listas no React é simples, mas fazer do jeito certo é difícil. Muitos desenvolvedores usam o índice do array como chave. Isso é um erro. Isso leva a bugs e s...
TypeScript: Palavra-chave 'using' e Gerenciamento Explícito de Recursos. Vazamentos de memória em produção geralmente derivam de um erro: desenvolvedores adquirem recursos, mas não conseguem liberá-los. Conexões de banco de dados...
Teste o Login sem Senha sem o Caos na Caixa de Entrada. O login sem senha parece fácil em uma demonstração. Um usuário insere um e-mail. Um link mágico chega. A sessão começa. Em staging, esse fluxo se torna m...
Como o Node.js lida com milhares de requisições. Dizem que o Node.js é single-threaded. No entanto, ele lida com milhares de requisições, lê arquivos e faz chamadas de API sem parar. Como ele...
O Custo Oculto de Cada Instalação npm. Passamos dez anos baixando bibliotecas para consertar o JavaScript. Usamos moment.js para datas. Usamos lodash para utilitários. Usamos node fetch para...
Erros ao utilizar recirculadores de ar UV na produção de alimentos. A higiene do ar é vital na produção de alimentos. Áreas de embalagem são especialmente sensíveis. Micróbios suspensos no ar podem arruinar a qual...
Criando um Guia Interativo de Aplicativo. Equipes de suporte costumam ter dificuldades com aplicativos que nunca instalaram. Um PDF com capturas de tela é a solução padrão. A maioria das pessoas não lê PDFs...
O Frontend Invisível: Pequenas Decisões que Salvam um Produto. O melhor trabalho de frontend nunca aparece em uma demonstração. O trabalho que eu mais valorizo é invisível. Ninguém tira capturas de tela dele. Mas...
Como atualizei todas as filiais sem tocar em uma única máquina. Eu desenvolvi uma ferramenta de desktop interna usando Electron. Ela é executada em máquinas em diversas filiais. Esses escritórios têm di...
Checklist de Otimização de Desempenho do React. Aplicações lentas prejudicam negócios. Elas causam altas taxas de rejeição e frustram os usuários. Elas também aumentam seus custos de infraestrutura. Você faz...
Dia 5 aprendendo React: Batching e Atualizações Funcionais. Eu achava que chamar um setter de estado várias vezes causava múltiplas renderizações. Eu estava errado. O React é mais inteligente do que isso. Ele usa...
Your Console Is Lying To You Your browser DevTools might mislead you during debugging. It is not broken. It is optimized for speed, not for perfect accuracy. Here is why you canno…
