O ecossistema JavaScript e TypeScript.
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…
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...
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...
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...
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...
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...
Meu backup perdeu todas as fotos. Eu criei um botão de backup para um rastreador de humor offline. Ele exportava os dados para um arquivo JSON. Os usuários podiam salvá-lo e transferi-lo para um novo celular. Parecia perfeito...
Por que seu site feito via 'vibe coding' nunca vai ranquear. Um fundador me mostrou um site no mês passado. O visual era incrível. Tinha animações fluidas e um copy impactante. Ele o construiu em uma tarde usando A...
E-commerce personalizado no Firebase. Eu construí um site de e-commerce personalizado do zero. Não utilizei plataformas prontas. Utilizei o Firebase Realtime Database e o Netlify. O objetivo era...
Token Assinado Entre Duas PWAs: HMAC SHA256 Sem Backend. Você precisa passar a identidade do usuário de uma PWA para outra. Ambos os aplicativos rodam em projetos Firebase separados. Eles não compartilham nenhum dado...
Crie seu primeiro bot do Discord com JavaScript. Você quer criar um bot do Discord. Talvez você veja bots tocando música ou realizando enquetes e se pergunte como eles funcionam. Ao final desta série...
Por que voltei para o JavaScript após 7 anos. Sou um desenvolvedor de UI com 7 anos de experiência. Conheço HTML e CSS. Consigo transformar designs do Figma em código. Mas nunca me senti como um de...
Você não usa Listas Encadeadas. Mas elas estão rodando metade do seu software. É provável que você nunca escreva uma lista encadeada em um projeto JavaScript de produção. Os arrays integrados da sua linguagem man...
Quando o React fala em Re-render, Significa Três Coisas. Quando você chama o setState, o React não apenas atualiza o DOM. Ele executa três fases distintas em sequência. A maioria dos desenvolvedores confunde...
100 Dias, 87 Ferramentas, Zero Servidores Passei 100 dias construindo o ToolKnit. É um conjunto de 87 ferramentas baseadas no navegador. A maioria dos sites de ferramentas funciona assim: você faz o upload de um arquivo. Um servidor processa...
Entrevistei 5 candidatos para uma vaga técnica. Entrevistei cinco candidatos para uma vaga de frontend na semana passada. Eles tinham diferentes experiências e habilidades. Ao final do dia...
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
25 Erros de JSON que Todo Desenvolvedor Comete. O JSON é a espinha dorsal da comunicação na web. Ele é leve e fácil de ler. No entanto, suas regras são rígidas. Pequenos erros quebram o seu código...
