Ao longo dos últimos anos, experimentei algumas bibliotecas que prometiam simplificar o trabalho de validação de um formulário React. Minha conclusão é que elas são desagradavelmente invasivas e tornam o código desnecessariamente complexo. Neste post, compartilho uma abordagem livre de código terceiro que tem resolvido de maneira estupidamente simples a validação dos meus formulários.
Depois de tentar me familiarizar com a pseudo classe :has lendo diversos artigos que utilizavam casos de uso não tão comuns ao dia a dia de um programador frontend, me deparei com um caso real no meu próprio site em que o uso do :has caiu como uma luva. Neste post, eu detalho como o :has pode eliminar o que, há não muito tempo atrás, era feito com auxílio de JavaScript.
Ao apresentar um vídeo ao invés de uma animação gif, é possível manter a mesma qualidade visual pagando um preço muito menor no tamanho do arquivo. Mas se você já fez uma captura em vídeo da tela do seu Mac para demonstrar algum passo-a-passo, já percebeu que o formato do arquivo gerado é mov. Descubra como converter mov em mp4 usando uma ferramenta de linha de comando gratuita.
Quando comparada com a estratégia baseada em media queries, a função clamp tem a vantagem de tornar o tamanho do texto responsivo exigindo para isso pouquíssimo código. Porém, embora dois dos parâmetros recebidos por esta função sejam bastante intuitivos, um terceiro parâmetro pode deixar qualquer programador confuso. Este post explica de maneira fácil o que este terceiro parâmetro significa e como ele funciona.
Redirecionamentos são bastante comuns em qualquer aplicação web. Mas quando o destino é uma página externa, você pode acabar enfrentando alguns desafios ao escrever testes automatizados para esse comportamento. Aprenda como definir uma fronteira entre o comportamento da sua aplicação e o comportamento do browser para facilitar o desenvolvimento dos testes.
Ao oferecerem generosos planos gratuitos, Vercel e Neon se tornaram ótimas opções para projetos experimentais, mas para quem está acostumado a lidar com uma infraestrutura tradicional, o universo Serverless pode representar alguns desafios. Neste post eu compartilho as lições que aprendi em termos de entrega contínua, banco de dados e testes automatizados ao colocar em produção uma API NodeJS Serverless.
Transformar o histórico de commits numa biografia que, capítulo a capítulo, descreve tudo que tem acontecido ao longo da vida de um software é um tremendo benefício para todos os envolvidos em seu desenvolvimento. Portanto, dominar o uso de algumas possibilidades oferecidas pelo Git Rebase — como rename, squash, fixup e drop — é fundamental para que essa história continue sendo sempre muito bem contada.
Durante muito tempo, bibliotecas como MomentJS e DateFNS reinaram absolutas quando o assunto era manipulação de datas. Embora elas ainda continuem satisfazendo casos de uso bem peculiares, se o que você precisa é simplesmente formatar uma data, talvez você já consiga atender sua necessidade apenas com JavaScript nativo.
O cache é parte fundamental de uma estratégia que visa otimizar a performance de um website. Às pessoas que retornam a uma página da web, uma boa política de cache tem potencial para acelerar em muito seu carregamento inicial. Descubra nesse post como fazer um ajuste fino no tempo de vida do cache de assets estáticos de um website hospedado no Firebase.
Uma das funcionalidades mais formidáveis da interface de linha de comando é o operador pipe. Seria então possível alcançarmos com JavaScript uma abordagem que se aproximasse da intuitividade e da simplicidade oferecida pelo operador pipe?