How to add validations to React Hook Form — Hey everyone, recently I’ve using React Hook Form a lot to manage my form state. While it’s quite useful, one question that I’ve heard for quite a while is — “How can I validate stuff in there?” In this blog post, I’ll show you how to add validations to your…

Hey everyone, recently I’ve seen a couple of questions regarding testing in the JavaScript ecosystem. Some of the questions are: How to test API calls? How to test axios? How to test API calls fired from a useEffect hook? How to test API calls from React Query? During this blog…

Setting authentication in Next.js apps can be stressful and confusing. To make your life easier, Auth0 created an SDK that makes this process simpler and fast. In this blog post, I’ll show you how to add authentication to your Next.js application using the Auth0 SDK, how to display the authenticated…

Improving your Git experience — Are you constantly repeating the same Git command or sequence of commands? Do you wish that it would be faster and easier to type those commands? With Git Aliases you can do it. In this short blog post, I’ll introduce Git Aliases, show you how to configure them, and give…

Are you building an app where you don’t have your backend implementation yet? Are you tired of maintaining a dedicated mock server? Do you find that mocking fetch or axios causes more problems in your tests than it fixes? Then you should probably consider starting using Mock Service Worker (MSW). …

Authentication is hard! Nowadays, to create a simple login or logout feature, we require a considerable amount of boilerplate code. Now picture we want to add authentication with Google or Facebook? More boilerplate, right? What if I told you that in React you can do that just by wrapping your…

It is that simple to manage server state. — Hey everyone, I’m making this post to share with you a library that made managing server state on React applications easy and fun — React Query. In this blog post, I’ll do a small introduction by explaining what led to its creation followed by an introduction to how the useQuery…

Lessons learned: are React hooks ready for the real world? — More than a year has passed since the release of React Hooks. By now, we know all the basics and perhaps have our apps using one or two of them. This post consists of an agglomerate of tips and pains suffered while trying to migrate from a full-fledged pre Hooks…

Are they really the same? — Hey everyone! Very often I’ve heard “arrow functions and functions in JavaScript are the same and just have a different syntax”. To clear this up, I’m going to refer to some use cases where they behave differently, including some whys and notes. this and arguments this Let’s look at the following anonymous function example…