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 on iOS), you can see a pattern of navigation repeated across thousands of them. I am talking about apps that start with a Login screen and then move to a Home screen inside a Tab or Drawer navigation. …

If you have worked with forms in React, you probably have seen the next message

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 use the next base React project since the code we’re going to explore below is based on it.

If you want to learn more about this base project, don’t forget to check the article where I explain what’s included and how can it help you to make your project’s life…

Code reviews are an excellent tool for maintaining good quality in the codebase but only if done right. Although there is no magic formula to do a code review, in this article we will discuss some good practices you can consider while performing it to get the desired result.

What to look for in a Code Review?

So often I read some variants of this question in StackOverflow followed by the next code

const doSomethingWithTheState = () => {
  setState(newValue);
  console.log(state); // this prints the old value
};

And I always answer with the same extract of the React documentation page: “setState() does not always immediately update the component. It may batch or defer the update until later. This makes reading this.state right after calling setState() a potential pitfall”.

Why does React handle it that way?

Since updating the state will trigger the Reconciliation algorithm and will lead to a rerender, React will decide when is the best moment to update the state in…

By having the right tools, we can write code faster and better. This article discusses some of the tools that you should consider using when working on a React project to make your life as a developer easier.

1. TypeScript

1. Fall in love with the problem, not the solution— Unknown

This quote means that when trying to create a product you need to have a very clear vision of what you are trying to solve because, in the end, that is what is going to allow you to find the best solution for it. Also, it means that you need to know when to pivot if the solution you are proposing is not giving you the results you expected, a regular mistake entrepreneurs do is to try to fit their solution into a problem which leads to a very low rate of success.

In the image below we can see…

Disclaimer: This is based on my personal experience, I am not implying you should also switch to iPhone or anything similar. I wrote this with the only purpose of helping people who maybe want to switch to the iPhone as I did and is looking for some answers.

Disclaimer 2: I haven’t used an Android phone for a long time, but I did some research before writing this, still some things written here could be outdated.

Why did I start with an Android phone?