October 5th, 2022
Hermes as the New React Native JavaScript Engine
A brief overview of what a JavaScript engine is, why React Native has a new one, and how to use it in your React Native app.
Read this article →
React Native Tutorials
A comprehensive collection of React Native tips, tricks, and tutorials.
August 24th, 2022
Setting Max Width When Supporting Web and Mobile in React Native
Learn how to customize your React Native app's layout to work well on both portrait and landscape screens - perfect for running React Native on the web!
Read this article →
August 17th, 2022
Why use the Pressable Component over the Touchable Components
A definitive guide on when you should use the Pressable component and when you should (or shouldn't) use the Touchable components.
Read this article →
August 10th, 2022
How to Share from a React Native App (including the Web)
Learn how to customize your functions to compensate for differing API support on multiple platforms.
Read this article →
August 3rd, 2022
Build a Custom React Hook: Stopwatch
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.
Read this article →
August 3rd, 2022
Build a Stop Watch Hook that Works Even When the App is Quit
Learn to leverage AsyncStorage and a custom hook to create a stop watch that continues to run even if the app is quit.
Read this article →
July 20th, 2022
Animated Progress Bar with Reanimated 2
This tutorial is an introduction to using Reanimated 2 to add animations to your React Native app. In it we'll build an animated progress bar for a game of Match the Pairs.
Read this article →
July 6th, 2022
Flexbox Exercise: Building a Card Game Board
A quick exercise (under 3 minutes) to practice using Flexbox to build layouts in React Native.
Read this article →
June 28th, 2022
Fixed Width Text in React Native
In this quick post we'll explore the font-variant property to improve your layout when text is rapidly changing.
Read this article →
June 22nd, 2022
Build Themed Components in React Native
This tutorial will show you how you can build and use themed components in your React Native apps.
Read this article →
June 14th, 2022
How to Detect User Color Preference in React Native
Learn to manage multiple color schemes in your React Native app using the core useColorScheme hook.
Read this article →
June 9th, 2022
How to Setup Path Alias in a React Native TypeScript App
This tutorial will show you how to replace '../../../components' with 'components' in your React Native + TypeScript projects.
Read this article →
April 11th, 2022
Building an iOS Calculator Clone with React Native
Today we’ll be building a clone of the iOS calculator (portrait only). It brings some unique challenges that allow us to leverage Flexbox and other styling properties to build it properly.
Read this article →
April 7th, 2022
Comparing Redux, Zustand, and mobx-state-tree
In this post we'll look at Zustand, Redux, and Mobx State Tree in the context of a simple shopping cart and compare how they allow to store, update, and read data in a React Native app.
Read this article →
February 22nd, 2022
Build a Wordle Clone with React Native
Learn how to build a Wordle clone with React Native in a single file.
Read this article →
January 6th, 2022
How to Upload Images from React Native
A high level look into uploading images from React Native to a remote server.
Read this article →
November 17th, 2021
How to Manage Environment Variables in React Native
A brief overview of some of the packages available to help you manage environment variables in your React Native apps.
Read this article →
October 29th, 2021
React Native Animation Using Reanimated 2
Learn how to create some amazing animations in React-Native with Reanimated 2.
Read this article →
October 25th, 2021
A Definitive Guide to React Native Testing Library
This guide will walk you through React Native testing using React Native Testing Library. We will cover why we would want to use this library, the benefits, how to write tests, and all sorts of stuff while building an exciting game app. Let's start 🚀
Read this article →
October 20th, 2021
Announcing Build an E-Commerce App with React Native and Stripe
Today I'm happy to announce the release of React Native School's latest and most comprehensive course, Build an E-Commerce App with React Native and Stripe.
Read this article →
September 29th, 2021
Sunsetting Work React Native
After 4 years and 453 jobs we're sunsetting Work React Native.
Read this article →
June 9th, 2021
Expo Template with TypeScript, Navigation, and Testing
A simple Expo template, written in TypeScript, that includes navigation, testing, code formatting, and project structure.
Read this article →
June 8th, 2021
List of React Native/Expo Templates Created by React Native School
Templates by React Native School for creating Expo and React Native apps.
Read this article →
June 2nd, 2021
Where to Find React Native Jobs
If you're interested in finding work where you'll get to use React Native start your search here! A list of resources we use to regularly stay on top of the React Native job market.
Read this article →
May 26th, 2021
Build a cross-platform app with Expo (iOS, Android, Web)
In this tutorial, we’ll learn how to build a cross-platform app that runs on iOS, Android, and the web using Expo.
Read this article →
May 19th, 2021
How to Create an Expo Template for React Native Development
A quick guide to how to create a custom Expo Template for your future React Native projects.
Read this article →
May 12th, 2021
Simple Free Expo Starter Template with Navigation and Testing
A simple Expo template that includes navigation, testing, code formatting, and project structure.
Read this article →
May 5th, 2021
How to Reset React Native Cache - NPM, iOS, Android, and More
Things get funky in react native. Here's how to start fresh and clear a React Native app cache.
Read this article →
April 28th, 2021
How to Get Started with React Query - Migrate from Fetch
Write your first React Query request by converting a fetch request and see how to use cached data.
Read this article →
April 21st, 2021
How to use Reanimated 2 (a beginners guide)
In this guide we'll learn what the core building blocks of Reanimated 2 are and how ot use them.
Read this article →
April 14th, 2021
Capture Keyboard Input with a TextInput - React Native Basics
Learn how to use the core TextInput component to capture user input via the keyboard.
Read this article →
April 7th, 2021
Simple Splash/Launch/Boot Screen in React Native (iOS and Android)
In this lesson I walk you through installing and using the react-native-bootsplash library to quickly and easily setup a boot/splash/launch screen in your React Native apps.
Read this article →
March 31st, 2021
Navigating Xcode for React Native Developers (with a web background)
A quick primer on navigating Xcode for web developers (geared towards React Native developers).
Read this article →
March 17th, 2021
Visual Studio Code Setup for React Native Development [2021]
A walk-through (with links) of how I have Visual Studio Code optimized for React Native development.
Read this article →
March 10th, 2021
Vertical and Horizontal Scrolling in a SectionList/FlatList
Learn how to build a Spotify style list that can scroll both horizontally and vertically in React Native.
Read this article →
March 3rd, 2021
Testing Context with React Native Testing Library
In this video I walk you through 3 different ways you approach writing tests in your React Native app when context is involved.
Read this article →
February 24th, 2021
Testing a Screen with React Native Testing Library [Live Coding]
In this video I walk through my process for writing tests, using React Native Testing Library, on a React Native screen. We write tests for the client side validation and form submission.
Read this article →
February 10th, 2021
React Navigation v5: Reset Stack Inside Tab After Leaving Tab
Reset a stack navigator to the initial screen when leaving that tab. Uses React Navigation v5
Read this article →
February 3rd, 2021
Fix React Native Text Cutoff on OnePlus & Oppo Devices
Learn how to fix text being cutoff when using your React Native app on OnePlus, Oppo, and LG devices.
Read this article →
January 26th, 2021
Like Animation with Lottie
In this video we'll learn how to replace a state change for a liked/unliked stated with a lottie animation.
Read this article →
January 20th, 2021
Resources for Mobile App Development
A list of our go-to resources to aid in building mobile apps.
Read this article →
January 13th, 2021
Which apollo-server to use? Comparing apollo-server, apollo-server-express, apollo-server-*
In this post we take a look at the different apollo-server packages and figure out which one is right for us.
Read this article →
January 6th, 2021
How to Add TypeScript to an Existing React Native Application
In this lesson we'll learn how to incrementally add TypeScript to an existing React Native app.
Read this article →
January 6th, 2021
Should You Use TypeScript with React Native? [2021]
Notes from my investigation on whether or not to invest in learning and using TypeScript in my React Native projects.
Read this article →
December 14th, 2020
Building a Mobile App - What to Expect
In this super brief article I'll show you all the steps you need to hit to go from "I want to build and app" to "holy 💩, I've got an app in the app store".
Read this article →
November 25th, 2020
What to Expect from React Native School in 2021
Find out what you can expect from React Native School in 2020
Read this article →
November 16th, 2020
Checklist to Deploy React Native to Production
Many React Native developers came to mobile development from a background of web development (like me). That’s one of the reasons React…
Read this article →
October 7th, 2020
Easily Persist Data with Context and AsyncStorage
Learn how to automatically store data in AsyncStorage when you store it in context.
Read this article →
October 5th, 2020
12 Exercises to Learn React Native
Here are 12 exercises to help you better understand React Native
Read this article →
September 25th, 2020
Setup Jest Tests with React Navigation
Learn how to setup Jest tests when rendering a screen in React Navigation.
Read this article →
September 15th, 2020
How to Upgrade React Native App to API Level 29
Quickly upgrade your React Native to use the required API level 29 starting November 2, 2020.
Read this article →
February 20th, 2020
Getting Started with React Navigation v5 - Stack, Tabs, Drawer, Authentication
In this video we'll do a somewhat quick deep dive into React Navigation and cover all the navigators you're likely to reach for first (Stack Navigator, Bottom Tab Navigator, Drawer Navigator), how to setup authentication, as well as a variety of other tips and tricks.
Read this article →
January 9th, 2020
Avoid React Native Splash Screen Flash on iOS (the easy way)
When first opening your React Native app you may notice a flash between the splash screen and the app starting. Here's how to avoid that on iOS
Read this article →
December 4th, 2019
Strengths and Limitations of Over-the-Air Updates
In this lesson we'll do a brief intro to over-the-air in React Native. The dos, don'ts, and tools to use.
Read this article →
October 23rd, 2019
Improved Form Error Messages using React Native Animatable and Hooks
In this lesson we'll learn how to use the declarative and imperative APIs of react-native-animatable while also using React hooks!
Read this article →
October 15th, 2019
Complex Navigation Example with React Navigation v4
React Navigation is the go to solution for navigation in React Native apps.
Read this article →
October 15th, 2019
Upgrade to React Navigation v4
In this lesson we'll cover how to upgrade to React Navigation v4.
Read this article →
October 9th, 2019
CodePush Strategy for Beta Testing
In this lesson we'll go over how I enable beta testing using CodePush.
Read this article →
October 2nd, 2019
React (Native) Essentials
A quick reference document to give you all the essentials of working with React and React Native.
Read this article →
September 25th, 2019
Intro to Styled Components in React Native
In this lesson we'll take a look at Styled Components, how it works, and why you may want to use it to build components in your React Native app.
Read this article →
September 18th, 2019
JavaScript Essentials
A quick reference document to give you all the essentials of working with JavaScript.
Read this article →
September 11th, 2019
Shared Element Transitions with React Navigation
In this lesson we'll learn how to make UI elements transition with screen changes using React Navigation and Fluid Transitions.
Read this article →
September 4th, 2019
React Native Project Git Workflow
Git/source contral is an integral part of a developers workflow, or it should be. In this lesson I share my workflow to manage React Native projects.
Read this article →
August 21st, 2019
React Native End to End Testing with Detox
When you have common user flows that need to be tested Detox can provide the means to quickly and consistently do so.
Read this article →
August 14th, 2019
Component Testing with React Native Testing Library
In this lesson we'll cover how to setup and use react-native-testing-library to write high quality integration tests for your React Native app.
Read this article →
August 7th, 2019
Mocking Fetch API Calls When Using Jest
In this lesson we'll learn how to mock fetch in your Jest tests.
Read this article →
July 31st, 2019
Test Driven Development with AsyncStorage
In this lesson we'll learn how to do test driven development when using the AsyncStorage library.
Read this article →
July 24th, 2019
Breaking Down React Native v0.60
In this lesson we'll discuss the biggest changes to React Native v0.60 for developers with existing React Native apps.
Read this article →
July 17th, 2019
Integrating React Navigation Back Button with a WebView
In this lesson we'll learn to integrate the existing back button in React Native to also serve as the back button for an embedded WebView.
Read this article →
July 10th, 2019
Building a Dimensions Hook in React Native
In this lesson we'll create a hook that listens to any dimension changes in our app.
Read this article →
June 26th, 2019
Migrating Data in AsyncStorage
Despite our best efforts we're never going to store our data exactly right in AsyncStorage. Here's how we can migrate the data when we outgrow the current structure.
Read this article →
June 19th, 2019
Handling Deep Links with React Navigation
Learn to handle deep links from within your application to take the user where they expect to go.
Read this article →
June 12th, 2019
Install and Use Reactotron for Debugging
In this lesson we'll learn how to take your debugging experience to the next level with Reactotron.
Read this article →
May 29th, 2019
Apollo Setup Kickstart
In this lesson we learn how to setup Apollo/GraphQL on the client and server to aggregate different data sources.
Read this article →
May 22nd, 2019
Swipe Gestures with react-native-gesture-handler
Swiping is a common gesture on mobile devices. In this lesson we'll learn how to leverage React Native Gesture Handler to build swiping actions in your app.
Read this article →
May 15th, 2019
Using Context to Build a Light/Dark Theme
In this lesson we'll leverage context and hooks to build a global light/dark theme in our app.
Read this article →
May 1st, 2019
Easily Manage Different Environment Configurations in React Native
Development, staging, production - how do you manage each environment and ensure you're accessing the right endpoints, api keys, and other data for each environment? In this lesson we'll talk about how to set up environment specific variables.
Read this article →
April 24th, 2019
Pinch to Zoom Gesture
In this lesson we'll walk through how to use react-native-gesture-handler to implement a pinch to zoom gesture.
Read this article →
April 17th, 2019
Migrating from Component State to Hooks for a Fetch Request
Hooks are the latest hotness in React Native. Now that they're part of React Native core how can this change your code?
Read this article →
April 11th, 2019
Adding Data to a React Native App | Live Coding
In this live stream we'll be putting in sample data to our React Native app.
Read this article →
April 10th, 2019
How to Use React Native Calendar
In this introduction to React Native Calendar we'll learn how to effectively use this package to build high quality calendars for your app.
Read this article →
April 5th, 2019
Starting a New React Native Project | Live Coding
In this live coding session we'll start a new React Native project and get it set up for development.
Read this article →
April 3rd, 2019
Upgrading to React Native 0.59+ & Handling Deprecation Warnings
v0.59 of React Native is a big deal. It brings new features and is a major stepping stone for the future development with React Native. Here's what you need to know.
Read this article →
April 2nd, 2019
Live React Native Development | April 2, 2019
Join me in working on a React Native app! Actual videos starts around the 1:30 mark.
Read this article →
March 27th, 2019
Normalizing Text and Spacing Between Screen Sizes
Different devices have different pixel densities and different sizes. When we design and implement our app we'll want to factor this in so each user can have a pleasant experience. This tutorial will show you a method of doing so.
Read this article →
March 20th, 2019
Best Practices for Capturing User Feedback in React Native
Nothing beats getting real feedback from your users - but how should you go about capturing that feedback? In this tutorial we'll discuss when you should prompt them, how you should prompt them, and what tools you can use to capture that feedback.
Read this article →
March 14th, 2019
React Native vs. Flutter - Which to Choose?
I'm often asked about which technology to choose, who is killing who, who's going to win and who's going to fail? Here's my running answer on the React Native vs. Flutter debate.
Read this article →
March 13th, 2019
Easily Work on Deeply Nested Screens in React Native
Apps have many screens. Many screens need to be developed. How do we easily work on a nested screen without having to click around a bunch? In this tutorial we'll learn how to leverage your navigation to make developing on nested screens easier.
Read this article →
March 6th, 2019
How to Detect Crashes in a React Native App
Crashes are going to happen. We can try to minimize them but they'll still happen. When they happen in production what can we do about them? In this tutorial we'll learn how to detect crashes in React Native and what to do about them.
Read this article →
February 27th, 2019
Setting up an Authentication Flow in React Native
Learn how to configure your router to check, manage, and route to the right place based on the user's authentication state.
Read this article →
February 20th, 2019
Building an Animation Hook in React Native
Take a first look at how you can use React Hooks to simplify your animation logic in React Native.
Read this article →
February 1st, 2019
App Development Preplanning: Data and Requirements
In this video I walk through my process of thinking about app requirements, data relationships, and general planning for an app I plan to build.
Read this article →
January 29th, 2019
Breaking an Interface into Components
Learn to break a UI into a series of logical components.
Read this article →
January 23rd, 2019
How to Organize Your Components
Learn some basic tips on organizing your React Native app's components so you can more easily maintain your app.
Read this article →
December 11th, 2018
How to Upload Images in a React Native App
Explore this quick tutorial to learn how to upload images in your React Native to create a better user experience.
Read this article →
November 7th, 2018
How to use the Image Component - React Native Basics
In this video you'll learn the basics of using the core Image component in React Native.
Read this article →
November 7th, 2018
Layout with Flexbox - React Native Basics
In this video you'll learn the basics of using Flexbox in React Native to build your app layout.
Read this article →
November 5th, 2018
Building a Global Alert System in React Native
Learn to build a global alert system in React Native.
Read this article →
October 24th, 2018
How to Use the SectionList Component - React Native Basics
In this video you'll be introduce to the SectionList component from React Native core.
Read this article →
October 17th, 2018
Detect Multiple Touches in React Native with the Gesture Responder System
In this video you'll be introduced to React Native's Gesture Responder System by creating a component to detect n number of presses.
Read this article →
October 17th, 2018
Implement a Long Press Button with React Native's Gesture Responder System
In this video you'll learn to leverage React Native's Gesture Responder System to create a component that calls a function only if you interact with the component for a set period of time.
Read this article →
October 9th, 2018
Fix Broken React Native Projects in Xcode 10
In this video we'll learn how to fix an issue where you're unable to build a React Native app in Xcode 10
Read this article →
September 26th, 2018
Progressive Image Loading in React Native
Internet connection speeds are variable, especially when you’re working with mobile devices. As developers we often forget that many of our…
Read this article →
September 19th, 2018
Building a React Native Multi-Theme Button
In this video we'll walk through designing a button API for ease of development, maintenance, and (most importantly) use.
Read this article →
September 12th, 2018
Animated Image Overlay in React Native
Build an Instagram style animated heart when liking a picture
Read this article →
September 6th, 2018
Instagram Style Double Tap with React Native
There are a host of ways to detect a tap in React Native — but how do you detect a double tap? Detecting double taps has a host of uses —…
Read this article →
August 16th, 2018
Install React Native Firebase Core
Install React Native Firebase Core
Read this article →
July 24th, 2018
Intro to Gestures in React Native
In this tutorial we’ll be learning to add gesture handling to a React Native app via PanResponder. In a previous tutorial I walked through…
Read this article →
May 23rd, 2018
How to Search a React Native FlatList
How to Search a React Native FlatList
Read this article →
May 21st, 2018
React Native Animated Answer Bar
A multi-part series teaching you how to create an animated answer bar in React Native.
Read this article →
April 26th, 2018
Enable Scroll in a React Native ScrollView Based on the Content Size
Ever have the situation where you sometimes had content that was shorter than the screen size and didn’t require scrolling but occasionally…
Read this article →
March 27th, 2018
Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native)
Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native)
Read this article →
March 21st, 2018
4 Questions to Ask When Choosing a Push Notification Provider for a React Native App
Push notifications rock. Twice a day I’m reminded about how I can win some 💰 💰 💰 by playing a trivia game. Or I’m sent a daily news…
Read this article →
March 13th, 2018
Dismiss the Keyboard in React Native from Anywhere
In this video you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a TextInput.
Read this article →
March 13th, 2018
Fade in an Image with React Native with the Animated API
In this video, you will learn how to gradually fade in images in React Native in order to eliminate the jarring flash associated with an image rendering. We will take a look at the Image component onLoad property and use it, in conjunction with the Animated API, to accomplish the desired user experience.
Read this article →
March 13th, 2018
Migrating from Redux to the New React Context API
In this video, you'll see an example of replacing Redux with the new React context API in a real-world app.
Read this article →
March 13th, 2018
iPhoneX Compatibility in React Native with SafeAreaView
In this video, you will learn how to use the SafeAreaView component to avoid the sensor cluster (the notch) and home activity indicator on the iPhone X.
Read this article →
March 13th, 2018
React Native FlatList Grid
In this video, we will start with a list of content from a React Native FlatList that we will then transform into a three-per-row grid.
Read this article →
March 13th, 2018
Migrating from the Old to New React Context API
In this video, you'll get an intro & example of migrating a component that uses the old context API to use the new (in React 16.3) context API.
Read this article →
March 7th, 2018
How 💩 dad jokes helped me better understand immutable data
I recently started working on a course regarding React Native and push notifications (how to, strategy, etc.).
Read this article →
February 27th, 2018
How to Add a Splash Screen to a React Native App (iOS and Android)
I’m often asked about that last mile of developing a React Native app (actually getting it into the app store). There’s more to it than just building your app and sending it off to Apple/Google —...
Read this article →
February 21st, 2018
Configure Visual Studio Code for React Native Development
Configure Visual Studio Code for React Native Development
Read this article →
January 31st, 2018
Sum of Items in a React Native FlatList
Sum of Items in a React Native FlatList
Read this article →
January 16th, 2018
How to Become a React Native Developer in 2018
If you’ve looked at the results from The State of JavaScript 2017 you’ll find a ton of interesting data.
Read this article →
November 16th, 2017
Setup Continuous Integration with React Native
Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App
Read this article →
November 13th, 2017
Navigating Navigation in React Native
An Opinionated Take on the Current State of Navigation in React Native
Read this article →
October 13th, 2017
Understanding React Native Deployments
If you’re coming to React Native from a web background, or if you’re new to programming in general, you may be confused about what you can…
Read this article →
September 20th, 2017
Easily Build Forms in React Native
If you’re building a React Native app it’s almost a guarantee that you’ll have to build at least one form. The reality is you’ll probably...
Read this article →
September 18th, 2017
How to Hire React Native Developers & Find React Native jobs
At Handlebar Labs I train people to become React Native developers. Part of that training is exchanging emails with the students to help them through any of the material. Once someone has worked...
Read this article →
August 29th, 2017
React Native Basics: Copy to Clipboard
Reading and writing from the clipboard is incredibly easy in React Native by using the Clipboard API. In this quick tutorial we’ll build a…
Read this article →
August 9th, 2017
How to Get Started with React Native
Before diving in I want to tell you a little story — I’ve been wanting to put together a simple website. Not a web app, just a simple…
Read this article →
June 28th, 2017
A Brief Overview of ES6 for React Native Developers
If you’re coming to React Native and you’re
Read this article →
June 14th, 2017
Use Redux to Manage React Navigation State
If you’ve ever wanted to know how to store the state from React Navigation in Redux and didn’t understand the guide in the docs — look no…
Read this article →
June 7th, 2017
How to Animate the Items of a React Native FlatList
I was recently asked about animating items in a React Native list — specifically animating the item when added and removed. That’s what…
Read this article →
May 24th, 2017
Building an Authentication Flow with React Navigation
I’m asked fairly often about setting up an authentication flow with React Navigation. That’s what we’ll cover today — we’ll have two “layouts” a signed in layout with a TabNavigator and a signed out layout with a two screen StackNavigator.
Read this article →
May 15th, 2017
Create React Native App + React Native Debugger
Quick overview of how I got React Native Debugger working with Create React Native App.
Read this article →
May 10th, 2017
React Native + Meteor: react-native-meteor vs. meteor-client-bundler
If you’ve spent any time looking into building an app with React Native and Meteor you’ve likely come across the package…
Read this article →
May 3rd, 2017
Getting Started with React Native Navigation V1
There are quite a few options out there for Navigation in React Native. I typically default to React Navigation (tutorial on getting…
Read this article →
May 1st, 2017
Build a Cross Platform Button in React Native
Learn how to make a platform specific button in React Native by using core components and simplifying your styling process with React Native Extended StyleSheet.
Read this article →
April 24th, 2017
Replace a Screen Using React Navigation
One challenge I faced while migrating to React Navigation was how to replace a screen when using React Navigation. Right now there’s no…
Read this article →
April 18th, 2017
How to setup infinite scroll with the FlatList component in React Native
How to setup infinite scroll with the FlatList component in React Native
Read this article →
April 18th, 2017
Pull to Refresh with React Native FlatList
A simple video on how to use pull to refresh in the FlatList component.
Read this article →
April 18th, 2017
How to use the FlatList Component — React Native Basics
There have been a quite a few ways to create a scrolling list in React Native, most notably they have been the ScrollView and the ListView…
Read this article →
April 12th, 2017
Migrate from ExNavigation to React Navigation
I’ve been using ExNavigation for quite a while. It’s simple to setup and has consistently worked for me. If you’ve checked out the the…
Read this article →
April 5th, 2017
How to Rename A React Native App
Renaming your React Native project is something you’ll rarely have to do, if ever. I’ve had to do it in the past and I struggled quite a…
Read this article →
April 3rd, 2017
The Easiest Way to Learn React Native
I’ve spent a lot of time working with React Native. I started using it very shortly after it was open sourced and have used it daily since…
Read this article →
March 15th, 2017
React Conf 2017 Overview for the React Native Developer
For myself, others who didn’t attend, and those wishing to review I wanted to put together a list of presentations & announcements that…
Read this article →
March 9th, 2017
Getting Started with React Navigation, the Navigation Solution for React Native
If you’ve worked with React Native for any amount of time you’ve likely been confused by how you navigate in your app (practices, packages…
Read this article →
February 23rd, 2017
How to make your React Native app respond gracefully when the keyboard pops up
When you’re working with React Native apps, a common problem is that the keyboard will pop up and hide text inputs when you focus on them…
Read this article →
February 8th, 2017
Offline First React Native + Meteor Apps
A topic that has come up numerous times in consulting calls, among students in my Learn React Native + Meteor course, and on issues for…
Read this article →
January 18th, 2017
React Native Basics: Geolocation
I’ve been using the Geolocation API in React Native a fair amount lately. It’s an API that I didn’t realize existed in React Native and…
Read this article →
January 4th, 2017
Playing with React Native Animations
For my first post of the year I wanted to keep it light and experiment a little bit with the React Native Animated API. We’ll create a few…
Read this article →
December 14th, 2016
Managing Configuration in React Native
You’re a developer. You build apps. You probably build them in an iterative way —build something, test it, realize it doesn’t work, try…
Read this article →
December 7th, 2016
Handling Offline Actions in React Native
A few weeks ago I wrote about building offline first react native apps and left the post with a question — “How would you handle actions…
Read this article →
November 16th, 2016
Building Offline First React Native Apps
When building a mobile app it’s reasonable to expect that a user will, at some point, use your app without an internet connection. How does…
Read this article →
November 9th, 2016
Handling Remote Push Notifications from OneSignal in React Native
Two weeks ago I published a post covering every step you have to take to set up push notifications, via OneSignal, for React Native (iOS…
Read this article →
October 27th, 2016
React Native Push Notifications with OneSignal
I had initially planned to make a comprehensive multi-part video series on setting up remote push notifications but, unfortunately, I underestimated the time it would take for me to recover from getting my wisdom teeth removed.
Read this article →
October 19th, 2016
Using Meteor as a Backend for Your Apps [Presentation]
Hey, long time no see! I just wrapped up a presentation (about 5 minutes ago) on using Meteor exclusively as a backend for your app. I…
Read this article →
October 5th, 2016
Tools and Services used in a Production React Native + Meteor App
A common question (or series of questions) that I’ve had over the last few months is “what do you use for X?”. Today I’ll walk you through…
Read this article →
September 21st, 2016
React Native Basics: Using react-native-router-flux
A core component of any app is navigating between different routes/screens/scenes. I’ve analyzed different navigation solutions in the past…
Read this article →
August 31st, 2016
Setting up your Redux Store
If you read the articles I publish weekly you know that I’m a fan of React Native and Meteor. I use them everyday and I spend time teaching…
Read this article →
August 24th, 2016
My Process for Building a Cross Platform React Native Component
I’ve talked about sharing code between React Native on Android and iOS but this week I want to talk more about my process of building for…
Read this article →
August 17th, 2016
Preparing a React Native Android App for Production
We’re currently going through the launch process of one of our client’s apps — an app built with React Native running on both iOS and…
Read this article →
July 27th, 2016
Organizing a React Native Project
One of the great things about React Native is the flexibility. You can do just about anything — including organize the project however you…
Read this article →
July 20th, 2016
Connecting React Native and Meteor
A question I commonly get when discussing my React Native Meteor boilerplate is in regards to what is actually going on with the two apps…
Read this article →
June 29th, 2016
Snapchat Interface in React Native
I’m kind of back to my routine this week and I wanted to make sure I dropped a new post for everyone before moving next week (likely a…
Read this article →
June 15th, 2016
How to Setup Push Notifications in React Native (iOS & Android)
This week I wanted to try something different and, rather than write a blog post, record a screencast. Video is a completely different beast than writing and something I’m not (yet) comfortable with…
Read this article →
June 8th, 2016
Blueprint to becoming a React Native Developer
I’m a big believer in React Native — if you’re reading this you’re likely interested in it as well. The Javascript ecosystem is quickly…
Read this article →
June 1st, 2016
How I use React Native, Redux, and Meteor
Note: What I’ll be talking about here only covers using Meteor and Redux in the context of a React Native client.
Read this article →
May 18th, 2016
React Native Basics: How to Use the ListView Component
ListView — A core component designed for efficient display of vertically scrolling lists of changing data.
Read this article →
May 11th, 2016
Intro to Styling in React Native
React does styling a bit different than you may be used to on the web. It’s CSS in JS which is a controversial topic. If you’re interested…
Read this article →
May 4th, 2016
Why Meteor is the Perfect Backend for React Native
There’s no such thing as a perfect technology stack. If you’re asking if X stack can handle the same traffic/load as Facebook I’ll tell you…
Read this article →
April 26th, 2016
React Native Meteor: Auth with Email, Username, and Password
Welcome to post #2 of my series on authentication using React Native & Meteor! This week we’re going to cover auth as it pertains to…
Read this article →
April 20th, 2016
React Native Meteor: OAuth with Facebook
This is a bit more advanced of a tutorial — if you’re going through this tutorial you should already be comfortable establishing a DDP…
Read this article →
April 13th, 2016
Exploring Navigators in React Native
One of the core components of any app, be it web or mobile, is navigation/routing. It’s the basis of how a user interacts with your app. It…
Read this article →
April 6th, 2016
Pub/Sub versus Methods in React Native Meteor
This week’s post is a short one and more of a thought exercise rather than a tutorial. It stems from a comment made by Abhi Aiyer on a…
Read this article →
March 29th, 2016
Sharing Code between Android and iOS in React Native
One of the (many) advantages of writing an app with React Native is that you can write a mobile app for both iOS and Android from the same…
Read this article →
March 22nd, 2016
React Native Meteor FAQ
There are a few questions that I see pop up on the various blog posts I've written on React Native Meteor. I want to put together an FAQ to, hopefully, help you out and point you in the right direction. This document will be updated over time so please send me anything you feel should be included.
Read this article →
March 8th, 2016
Google OAuth using Meteor and React Native
As technology changes articles get out of date. This post may be in that state now so be aware that things may not work exactly the same…
Read this article →
March 1st, 2016
Intro to Debugging React Native (iOS and Android)
As technology changes articles get out of date. This post may be in that state now so be aware that things may not work exactly the same…
Read this article →
February 16th, 2016
Password Hashing for Meteor React Native
As technology changes articles get out of date. This post may be in that state now so be aware that things may not work exactly the same…
Read this article →
February 11th, 2016
Easily Connect React Native to a Meteor Server
This post is now outdated as the technology has changed. If you want to learn the latest please check out my profile or sign up for my…
Read this article →
February 9th, 2016
Meteor Authentication from React Native
As technology changes articles get out of date. This post may be in that state now so be aware that things may not work exactly the same…
Read this article →
January 26th, 2016
React Native + CodePush
As technology changes articles get out of date. This post may be in that state now so be aware that things may not work exactly the same…
Read this article →