image for react with auth0 tutorial

In this tutorial, we’re going to look at how to implement authentication in React Native apps using Auth0. Specifically, we’re going to: Set up Auth0 to allow Google and Facebook logins. Use the hosted login page to log in users. Prerequisites In order to follow this tutorial, you need to have basic knowledge of React […]

image for using typescript using react native tutorial

In this tutorial, we’re going to take a look at how you can use TypeScript for building your React Native projects. Specifically, we’re going to take a look at the following: Setting up a new React Native project that uses TypeScript. Setting up linting and auto-completion of TypeScript code for Sublime Text. Refactoring the code […]

image for debugging react native for iOS tutorial

In this tutorial, we’ll take a look at some of the issues you might encounter while developing iOS apps with React Native. Specifically, we’ll take a look at the following issues: Software dependency problems Third-party package issues Issues when running on device Expokit issues Prerequisites We assume that you know how to develop apps with […]

image for react with auth0 tutorial

Animations are an important part of the user experience, especially for mobile apps. Animations provide users with a clear feedback when they’re interacting with the UI elements in the app. Animations bring the app to life through the use of movement. We will be using react native to implement animation. Whenever the app needs to […]

react native animation part 2

Welcome to part two of a three-part series on adding animations to your React Native app. In this part, you’re going to learn how to add transition animations. Specifically, we’re going to: Animate the header when the user scrolls on a list. Customize the page transition animation that’s set by React Navigation. Use LayoutAnimation to […]

Image of debugging with react native

In this tutorial, we’ll take a look at how to debug some of the most common issues you will encounter while developing Android apps with React Native. Specifically, we’ll be looking at the following issues: Software dependency problems Third-party package issues Prerequisites This article assumes you know how to develop apps with React Native. It […]

image for getting started with react native

In this part, you’ll learn how to use native device functionality in React Native. Specifically, you’ll be accessing the device’s camera and file system to implement the app’s progress page. This is part three of a three-part series on getting started with React Native. It is recommended to read part one and part two before […]

image for getting started with react native part 2

This is part two of a three-part series on getting started with React Native. You can find part one here. In this part, we’ll be adding the functionality to the workout tracking app. Here’s what the final output will look like: The full source code of the app is available on this Github repo. You […]

React Native is a great framework for developing apps with “near native” performance. At the same time, it enables you to maintain a single codebase for multiple platforms. The goal of this series is to teach you the basics of React Native in a practical way. This means that I won’t be discussing how React […]

In this tutorial, we’ll be building a location-sharing app with React Native and Pusher. By reading this tutorial, you will learn how to use the geolocation functionality in React Native, and broadcast the geolocation data with Pusher. You will also learn how to integrate Facebook login into the app. Prerequisites You will need the following […]

image for realtime attendance app react native tutorial

In this tutorial, we’ll be using React Native to create the attendance app on Android, Bleno for implementing Bluetooth Low Energy, and Pusher for notifying connected devices on realtime. Prerequisites You’ll need the following in order to follow along with this tutorial: – IoT Device – you’ll need an IoT device which has a network […]

image for realtime chat gatsby blog tutorial

Gatsby is a static-site generator which uses modern web technologies such as React and Webpack. It can generate blazing-fast static sites from Markdown, JSON, APIs, and CMSs like WordPress and Drupal. In this tutorial, we’re going to take a look at how we can add a realtime chat feature to a Gatsby blog using Pusher. […]