Learn to leverage AsyncStorage and a custom hook to create a stop watch that continues to run even if the app is quit.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
A quick exercise (under 3 minutes) to practice using Flexbox to build layouts in React Native.
Read on reactnativeschool.com →
In this quick post we'll explore the font-variant property to improve your layout when text is rapidly changing.
Read on reactnativeschool.com →
This tutorial will show you how you can build and use themed components in your React Native apps.
Read on reactnativeschool.com →
Learn to manage multiple color schemes in your React Native app using the core useColorScheme hook.
Read on reactnativeschool.com →
This tutorial will show you how to replace '../../../components' with 'components' in your React Native + TypeScript projects.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
Learn how to build a Wordle clone with React Native in a single file.
Read on reactnativeschool.com →
A high level look into uploading images from React Native to a remote server.
Read on reactnativeschool.com →
A brief overview of some of the packages available to help you manage environment variables in your React Native apps.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
After 4 years and 453 jobs we're sunsetting Work React Native.
Read on reactnativeschool.com →
A simple Expo template, written in TypeScript, that includes navigation, testing, code formatting, and project structure.
Read on reactnativeschool.com →
Templates by React Native School for creating Expo and React Native apps.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
When you're ready to take on a new project, to start a new business, you're starting with a blank page. Blank pages are freedom. But with…
Read this article →
In this tutorial, we’ll learn how to build a cross-platform app that runs on iOS, Android, and the web using Expo.
Read on blog.logrocket.com →
A quick guide to how to create a custom Expo Template for your future React Native projects.
Read on reactnativeschool.com →
A simple Expo template that includes navigation, testing, code formatting, and project structure.
Read on reactnativeschool.com →
Things get funky in react native. Here's how to start fresh and clear a React Native app cache.
Read on reactnativeschool.com →
Write your first React Query request by converting a fetch request and see how to use cached data.
Read on reactnativeschool.com →
In this guide we'll learn what the core building blocks of Reanimated 2 are and how ot use them.
Read on reactnativeschool.com →
Learn how to use the core TextInput component to capture user input via the keyboard.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
A quick primer on navigating Xcode for web developers (geared towards React Native developers).
Read on reactnativeschool.com →
A walk-through (with links) of how I have Visual Studio Code optimized for React Native development.
Read on reactnativeschool.com →
Learn how to build a Spotify style list that can scroll both horizontally and vertically in React Native.
Read on reactnativeschool.com →
In this video I walk you through 3 different ways you approach writing tests in your React Native app when context is involved.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
Reset a stack navigator to the initial screen when leaving that tab. Uses React Navigation v5
Read on reactnativeschool.com →
Learn how to fix text being cutoff when using your React Native app on OnePlus, Oppo, and LG devices.
Read on reactnativeschool.com →
In this video we'll learn how to replace a state change for a liked/unliked stated with a lottie animation.
Read on reactnativeschool.com →
A list of our go-to resources to aid in building mobile apps.
Read on reactnativeschool.com →
In this post we take a look at the different apollo-server packages and figure out which one is right for us.
Read on reactnativeschool.com →
Notes from my investigation on whether or not to invest in learning and using TypeScript in my React Native projects.
Read on reactnativeschool.com →
In this lesson we'll learn how to incrementally add TypeScript to an existing React Native app.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
Find out what you can expect from React Native School in 2020
Read on reactnativeschool.com →
Many React Native developers came to mobile development from a background of web development (like me). That’s one of the reasons React…
Read on medium.com →
Read on reactnativeschool.com →
Learn how to automatically store data in AsyncStorage when you store it in context.
Read on reactnativeschool.com →
Here are 12 exercises to help you better understand React Native
Read on reactnativeschool.com →
Learn how to setup Jest tests when rendering a screen in React Navigation.
Read on reactnativeschool.com →
Quickly upgrade your React Native to use the required API level 29 starting November 2, 2020.
Read on reactnativeschool.com →
Learn to build a button that allows you to scroll to the top of the list and load new data when it's available.
Read on reactnativeschool.com →
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 on reactnativebyexample.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
In this lesson we'll learn how to use the declarative and imperative APIs of react-native-animatable while also using React hooks!
Read on reactnativeschool.com →
React Navigation is the go to solution for navigation in React Native apps.
Read on reactnativeschool.com →
In this lesson we'll cover how to upgrade to React Navigation v4.
Read on reactnativeschool.com →
In this lesson we'll go over how I enable beta testing using CodePush.
Read on reactnativeschool.com →
A quick reference document to give you all the essentials of working with React and React Native.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
A quick reference document to give you all the essentials of working with JavaScript.
Read on reactnativeschool.com →
In this lesson we'll learn how to make UI elements transition with screen changes using React Navigation and Fluid Transitions.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
When you have common user flows that need to be tested Detox can provide the means to quickly and consistently do so.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
In this lesson we'll learn how to mock fetch in your Jest tests.
Read on reactnativeschool.com →
In this lesson we'll learn how to do test driven development when using the AsyncStorage library.
Read on reactnativeschool.com →
In this lesson we'll discuss the biggest changes to React Native v0.60 for developers with existing React Native apps.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
In this lesson we'll create a hook that listens to any dimension changes in our app.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
Learn to handle deep links from within your application to take the user where they expect to go.
Read on reactnativeschool.com →
In this lesson we'll learn how to take your debugging experience to the next level with Reactotron.
Read on reactnativeschool.com →
In this lesson we learn how to setup Apollo/GraphQL on the client and server to aggregate different data sources.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
In this lesson we'll leverage context and hooks to build a global light/dark theme in our app.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
In this lesson we'll walk through how to use react-native-gesture-handler to implement a pinch to zoom gesture.
Read on reactnativeschool.com →
Hooks are the latest hotness in React Native. Now that they're part of React Native core how can this change your code?
Read on reactnativeschool.com →
In this live stream we'll be putting in sample data to our React Native app.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
In this live coding session we'll start a new React Native project and get it set up for development.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
Join me in working on a React Native app! Actual videos starts around the 1:30 mark.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
Learn how to configure your router to check, manage, and route to the right place based on the user's authentication state.
Read on reactnativeschool.com →
Take a first look at how you can use React Hooks to simplify your animation logic in React Native.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
Learn to break a UI into a series of logical components.
Read on reactnativeschool.com →
Learn some basic tips on organizing your React Native app's components so you can more easily maintain your app.
Read on reactnativeschool.com →
Explore this quick tutorial to learn how to upload images in your React Native to create a better user experience.
Read on medium.com →
In this video you'll learn the basics of using the core Image component in React Native.
Read on reactnativeschool.com →
In this video you'll learn the basics of using Flexbox in React Native to build your app layout.
Read on reactnativeschool.com →
Learn to build a global alert system in React Native.
Read on reactnativeschool.com →
In this video you'll be introduce to the SectionList component from React Native core.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
Internet connection speeds are variable, especially when you’re working with mobile devices. As developers we often forget that many of our…
Read on medium.com →
In this video we'll walk through designing a button API for ease of development, maintenance, and (most importantly) use.
Read on reactnativeschool.com →
Build an Instagram style animated heart when liking a picture
Read on medium.com →
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 on medium.com →
Install React Native Firebase Core
Read on reactnativeschool.com →
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 on medium.com →
How to Search a React Native FlatList
Read on reactnativeschool.com →
A multi-part series teaching you how to create an animated answer bar in React Native.
Read on reactnativeschool.com →
Ever have the situation where you sometimes had content that was shorter than the screen size and didn’t require scrolling but occasionally…
Read on medium.com →
Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native)
Read on reactnativeschool.com →
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 on medium.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
In this video, you'll see an example of replacing Redux with the new React context API in a real-world app.
Read on reactnativeschool.com →
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 on reactnativeschool.com →
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 on reactnativeschool.com →
I recently started working on a course regarding React Native and push notifications (how to, strategy, etc.).
Read on medium.com →
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 on medium.com →
Configure Visual Studio Code for React Native Development
Read on reactnativeschool.com →
Sum of Items in a React Native FlatList
Read on reactnativeschool.com →
If you’ve looked at the results from The State of JavaScript 2017 you’ll find a ton of interesting data.
Read on medium.com →
Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App
Read on medium.com →
An Opinionated Take on the Current State of Navigation in React Native
Read on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
If you’re coming to React Native and you’re
Read on medium.com →
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 on medium.com →
I was recently asked about animating items in a React Native list — specifically animating the item when added and removed. That’s what…
Read on medium.com →
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 on medium.com →
Quick overview of how I got React Native Debugger working with Create React Native App.
Read on reactnativeschool.com →
If you’ve spent any time looking into building an app with React Native and Meteor you’ve likely come across the package…
Read on medium.com →
There are quite a few options out there for Navigation in React Native. I typically default to React Navigation (tutorial on getting…
Read on medium.com →
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 on reactnativeschool.com →
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 on medium.com →
How to setup infinite scroll with the FlatList component in React Native
Read on reactnativeschool.com →
A simple video on how to use pull to refresh in the FlatList component.
Read on reactnativeschool.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
For myself, others who didn’t attend, and those wishing to review I wanted to put together a list of presentations & announcements that…
Read on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
A core component of any app is navigating between different routes/screens/scenes. I’ve analyzed different navigation solutions in the past…
Read on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
One of the great things about React Native is the flexibility. You can do just about anything — including organize the project however you…
Read on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
Note: What I’ll be talking about here only covers using Meteor and Redux in the context of a React Native client.
Read on medium.com →
ListView — A core component designed for efficient display of vertically scrolling lists of changing data.
Read on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →
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 on medium.com →