Over the past few years, I've tried out a bunch of libraries that claimed to make React form validation easier. My takeaway? They're annoyingly intrusive and make the code way more complex than it needs to be. In this post, I'm sharing a library-free approach that is stupidly simple and has worked like a charm for my form validations.
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.
After trying to get familiar with the :has pseudo-class by reading various articles that used confusing and awkward examples, I stumbled over an everyday use case on my own website where using :has was just perfect. In this post, I'll present how :has can replace what, not too long ago, had to be done with JavaScript.
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.
When you use a video instead of a GIF animation, you can keep the same visual quality with a way smaller file size. But if you’ve ever recorded a screen capture on your Mac to demonstrate a step-by-step, you’ve probably noticed it generates a mov file. Here’s how to convert mov to mp4 using a free command-line tool.
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.
Compared to the media query strategy, the clamp function has the advantage of making text size responsive with just one line of code. However, while two of the parameters received by the function are pretty intuitive, the third one can easily confuse many programmers. This post easily explains what that third parameter means and how it works.
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.
Redirects are pretty common in any web app. But when the destination is an external page, you might run into some challenges when testing that behavior. Learn how to set a boundary between your app's behavior and the browser's, making your tests easier to develop.
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.