Have you ever wished that you could just tell your computer what you want your code to do, and have it magically write it for you? Well, that dream is now a reality with ChatGPT. What is ChatGPT? ChatGPT is an AI-powered tool that allows software developers to generate code through natural language…

useSearchParams — Intro First thing first, probably you already know, but let’s lay the foundations. What’s a query string? It is the part of the URL that assigns values to specified parameters and although there is no universal standard, most of the implementations follow the next rules: It is composed of a series of field-value pairs. Within…

The current state of React development (Mid 2022) — It has been 9 years since Meta (formerly Facebook) released the first version of React, a library intended to help the world build better user interfaces. Something it has done very well in my opinion. But as you may know, most applications are more than showing information, and although the…

A guide on how to implement an Authentication end-to-end solution for our React projects using JWT through a GraphQL API. — Update: After I published this article I got some comments telling me not to use Local Storage to store the JWT because it is a potential security risk, and they were correct. I can also go further and say that you shouldn’t be implementing your own authentication system in-house because…

How basic concepts can make you a better developer and save you a lot of time and headaches. — Recently I’ve been conducting React interviews at the company I work for and I’ve noticed that a lot of developers struggle to answer some of the questions because they are not familiar with basic JavaScript concepts, or they don’t know how to translate them into React. …

Today I faced the challenge the title says and while looking through the internet I found a lot of outdated answers, or some others that or weren’t complete or just didn’t produce the result I wanted. That’s why I decided to write this guide. TL;DR Go to the last attempts…

macOS Version — Having the right tools to get the job done greatly increases the amount of work you can get done, as these tools help make certain tasks faster and easier to accomplish, thereby improving your efficiency and productivity. As software developers, we do a lot of different things in a single…

Small Reusable Components — Today I start a series of short articles which I am going to call ReactBits, in these, I will be posting some small components with some specific requirements that you could adapt to use in your projects but more importantly, know how to implement them and the challenges you may…

Leverage TypeScript to set up your cross-platform app’s flow — There is no doubt that React Native has become a powerful and widely used tool to create mobile applications. At the time of writing, it is the most used library to build cross-platform applications. Also, if you take a look at the apps that are in the store (at least…