Way back in v0.63 of React Native the Pressable component was introduced. But we’ve still got all the Touchable components (TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback)… So, which do you choose and why? tl;dr The preferred and suggested component, per React Native, is the component (and by extension the Pressability API). Why Pressable Was Introduced React Native…

React Native’s web support continues to get better and better, especially if you’re using Expo. With Expo it just works out of the box. But adding another supported platform to your app adds complexity! You’ve got to make sure things work on each supported platform. Recently I was building a…

Previously we built a custom hook to power a stop watch. The problem with that implementation is that it will only work as long as the app is active/running in the background. If the app is quit then the timer stops.

Animations can add a lot of polish to your app but can be challenging to accomplish in a performant way. Reanimated v2 makes that much easier to do. This article serves as an introduction to the Reanimated v2 API. …

Hooks are a powerful way to abstract logic out of a component to make it reusable and to simplify the component. Today we’ve got an exercise that will help you practice writing your own hooks by creating a stop watch with the ability to track laps.

In a recent open source React Native app I had to build a grid of cards to fill the screen. After having a handful of conversations regarding Flexbox recently I thought this would be a nice quick exercise to get some practice. The app is based on the following reference…

Despite working on React Native daily for 7 years, I’m still constantly learning new things about it. Recently it was the fontVariant style prop on a Text component. This post was published a week ago on React Native School. …

Building a multi-theme app doesn’t have to be complicated, so long as you take advantage of custom components. In this tutorial we’ll cover how to create your own versions of core React Native components that are automatically themed to use the right colors based on the user’s preferred color scheme. …

React Native has two ways for you to determine a user’s appearance preferences: The Appearance API which lets you get their current color scheme The useColorScheme hook which provides an up-to-date color scheme (it will automatically update as the user’s preferences change) This post was originally posted on React Native…