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…

Which one should you use? — If you have worked with forms in React, you probably have seen the next message

The Journey — In this article, we’re going to go through some examples of how to fetch and display data from a GraphQL API in a React project using the Apollo Client state-management library. The Setup Before we start getting fully into the Apollo Client, let’s start by creating a React project, or you can…