Cheers! We finally met.
My name is Rafael. I started my career in 2005 as a graphic designer and became a programmer in 2013. Ever since, I've found joy in creating products and blogging my learnings.
Favorite projects
Veedgee
Latest launchVeedgee scans several ticket sites and lists the best events happening in southern Brazil.
Glorious Demo
Award-winningA JavaScript library that simulates an editor and a terminal to demo some code in action. It snagged "Product of the Day" on Product Hunt, and 3k+ stars on Github.
Latest blogs
Validating React Forms easily without third-party libraries
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.
Using CSS :has to style a parent element when a child element is focused
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.
Converting mov files to mp4 on macOS
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.
Font size clamping calculation easily explained
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.
Testing redirections set via window location href with Jest
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.
Lessons learned from building a Serverless NodeJS API with Vercel, Neon, and Prisma ORM
By offering generous free plans, Vercel and Neon have become great options for experimental projects. But if you're used to dealing with traditional infrastructure, the Serverless world can bring some challenges. In this post, I share the lessons I learned about continuous delivery, databases, and automated testing after releasing a Serverless NodeJS API.