React Native

Build native mobile apps using JavaScript and React. More info

Articles & Tutorials

React Native Accessibility: What, Why, and How? (
May 19, 2020
What is accessibility, why do you need it, and how to implement it in your app?
  • Luke Walczak
How To Create A Mobile App In Expo And Firebase (For iOS And Android) (
May 18, 2020
In this article, based on my experience with creating a GPS and navigation application, I will show you how to create a mobile app using Expo and Firebase services such as Firestore, Firebase functions and Expo push notifications.
  • Chafik Gharbi
Why Is It Worth to Automate Your Dependency Management with `autolinking`? (
May 14, 2020
Switch to autolinking to add new packages quickly with no worries about the native code.
  • Mike Grabowski
React Native Debugger: Tips for fast debugging (
May 12, 2020
React Native Debugger comes with a set of features that can boost your development and debugging speed. Here are a few tricks for React Native debugging.
  • Zain Sajjad
How to Debug Faster and Better with Flipper (
May 11, 2020
Establish a better feedback loop by implementing Flipper and have more fun while working on your apps.
  • Mike Grabowski
The Ultimate Guide to React Native Optimization (
May 10, 2020
In this and the following articles, we will show you how to optimize the performance and stability of your apps. Thanks to the practices described in the guide, you will improve the user experience and speed up the time-to-market of your apps.
  • Mike Grabovski
Why Is It Important to Always Run The Latest Version of React Native? (
May 08, 2020
Upgrade your app to the latest version to get more features and better support.
  • Mike Grabowski
How to Achieve 60FPS Animations in React Native (
May 01, 2020
Use native solutions to achieve smooth animations and gesture-driven interface at 60FPS.
  • Mike Grabowski
How to Choose Tools Wisely and Build Fast-Working React Native Apps (
Apr 24, 2020
Find the harmony between native and JavaScript to build fast-working and easy-to-maintain apps.
  • Mike Grabowski
Optimize React Native Apps’ Battery Drain with Mobile-Dedicated Libraries (
Apr 22, 2020
Use libraries dedicated to mobile and build features faster on many platforms at once, without compromising on the performance and user experience.
  • Mike Grabowski
How to Add Authentication to React Native in Three Steps Using Firebase (
Apr 22, 2020
That's just one example of how authentication can be in your app. Today we will add authentication to a React Native app using Firebase.
  • Said Hayani
How to set up email authentication with React Native, react-navigation, and Firebase (
Apr 20, 2020
In this tutorial, we are going to discuss one of the strategies to implement an authentication flow using an email sign-in provider with React Native and the latest versions of react-navigation (version 5) and react-native-firebase (version 6) libraries. Yes, for backend service, we are going to use Firebase SDK.
  • Aman Mittal
Flipper — A React Native revolution (
Apr 19, 2020
I would like to talk about the recently integrated developer tool for React Native called Flipper. I become a huge fan of this tool and believe it will be a revolution in a way we debug our React Native applications.
  • Lukas Kurucz
The Move to React Native (
Apr 18, 2020
Our adoption of React Native was, for all of us at ClassPass, a real lesson in the huge benefits that can accrue from both careful planning and successful adaptation.
  • Matthew Eckstein
How to Pick The Right External JavaScript Libraries for Your React Native App (
Apr 16, 2020
How working with the right JavaScript libraries can help you boost the speed and performance of your apps.
  • Mike Grabowski
ReanimatedArc – Build Circular Animated UI Elements In React Native (
Apr 15, 2020
Build good-looking and smooth animated arcs in React Native with ReanimatedArc library.
  • Jakub Mazurek
How Higher-Order Components Can Improve Performance of React Native Apps? (
Apr 14, 2020
Find out how to use dedicated higher-ordered React Native components to improve user experience and performance of your apps.
  • Mike Grabovski
Why you should keep faith with React Native (
Apr 13, 2020
There has recently been a lot of debate around the future of React Native. Last year, when Airbnb called off their React Native development, the frontend community became quite skeptical of choosing React Native for their next big product.
  • Zain Sajjad
Nested React Native navigators (
Apr 07, 2020
In this blog, we will use React Navigation to implement the different navigators. React Navigation is easy to use, with a big community to help with issues along the base, and very detailed documentation. On top of all this, it is the recommended navigation library in the React Native docs.
  • Kitavi Joseph
Getting Started with React Native (
Apr 06, 2020
React Native is a JavaScript framework for writing hybrid native mobile applications for both iOS and Android platforms. React Native uses the same JSX and React development approach you would take for developing for the browser, but applications get built as native applications in Objective-C (for iOS) or Java (for Android) by the React Native tooling.
  • Tom Dye
React Native Candy Crush Clone (
Apr 03, 2020
I started building JellyBean Jam as a volunteer project for Puppetry Arts LLC. I wanted to gain experience in React Native and it seemed like a fun way to get started. Before we get started, don’t forget to download JellyBean Jam for free on the App Store and try it out. My high score is 1400.
  • Andrew Fenner
Introducing React Navigation 5 (
Mar 23, 2020
I’m a big fan of this library and my first solution to handle the Navigation in React Native, it has an awesome and easy API, very customizable. version 5 just went from beta to stable. and it comes with some features changes and new API design that is a simple and different way to declare the Routes. In this article, we are going through the new APIs and ways to use them in our applications.
  • Said Hayani
React Native Starter Kits Review for 2020 (
Mar 10, 2020
In this article we are going to review the number of the best React Native starter kits to give you a fuller view of them. If you like something, follow a link in the description of the chapter and jump into the mobile development world. Enjoy reading!
  • Anastasia Ovchinnikova
7 Top Reasons Why I’m Betting on React Native (
Mar 09, 2020
My top reasons for choosing React Native
  • Sonny Recio
React Native component libraries you should know in 2020 (
Feb 29, 2020
In this post, we are going to list some of the best component libraries available that are open source and not only help you use a robust approach but also offer quality support for platforms such as iOS and Android.
  • Aman Mittal
11 Top React Native Developer Tools for 2020 (
Feb 19, 2020
Useful React Native developer tools you should know in 2020.
  • Said Hayani
React Native CLI 3.1.0 and 4.0.0 – What’s New? (
Feb 13, 2020
In this short article, I want to give you an overview of what’s new and what’s coming up in React Native CLI. Also, I’ll tell how do we plan our work going forward on it.
  • Mike Grabovski
React Native CLI 3.1.0 and 4.0.0 – What’s New? (
Feb 13, 2020
In this short article, I want to give you an overview of what’s new and what’s coming up in React Native CLI. Also, I’ll tell how do we plan our work going forward on it.
  • Mike Grabowski
Overcoming single-threaded limitations in React Native (
Feb 13, 2020
React Native was designed to bridge gaps between web and mobile frameworks in software development. Unfortunately, developers face certain hurdles related to performance when working with React Native.
  • Raphael Ugwu
Styling React Native Apps (
Feb 12, 2020
If you ever used React Native, you probably realized it doesn’t use normal HTML & CSS like a web application. In this guide, we will discuss the differences. And one of the main differences you will see is everything is automatically styled based on Flexbox.
  • Stephen Hartfield
The complete guide to React Native WebView (
Feb 05, 2020
In simple terms, WebView is a component that used to load webpages in your React Native app. It was formerly available out of the box in React Native, but it will now be removed from React Native core and added as a component of the React Native Community libraries.
  • Rajnish Rajput
ReactNative: Translucent TabBar (
Feb 04, 2020
I want to bring light on how to make it in ReactNative with react-navigation TabBar.
  • Alex Melnyk
A Look at the React Native Elements UI Toolkit (
Feb 03, 2020
React Native Elements is a styling library with pre-built components to replace the basic, limited React Native components. It’s similar to Bootstrap, giving you useable styles that are broad enough to customize as your own.
  • Stephen Hartfield
Common bugs in React Native (
Jan 31, 2020
Some of the errors you may encounter could be misleading or very hard to find. Recently, the React Native team asked developers to help them determine which of these annoying errors lead to the most frustration. While they did address some of the worst errors, there is still a handful remaining that could go under the radar.
  • Daniel Idaszak
Learning the Basic Components of React Native (
Jan 15, 2020
If you are familiar with normal React, it will be easy to pick up React Native, as long as you can understand the different components used. In this guide, we will look through the basic Native components that React Native uses.
  • Stephen Hartfield
Integrating AppCenter SDK with React Native (
Jan 14, 2020
Using AppCenter’s services in a React Native application.
  • Said Hayani
How to simultaneously start multiple instances of iOS simulator on Expo (
Jan 09, 2020
On every React Native project that I was involved, there was always a most-feared moment: checking if your app is running as expected (and as similar as possible to the UIs shared by the designer) on lots of smartphones and iOS/Android version.
  • Francesco Marassi
How to create a React Native app with PostgreSQL and GraphQL: Part 2 (
Jan 07, 2020
In the previous article, we created a GraphQL server with NodeJS and Express. We will now look to consume the endpoints in the server we created using a React Native mobile app.
  • Austin Roy Omondi
React Native, SQLite, and Migrations (
Jan 06, 2020
A simple example of React Native, SQLite, and migrations; nothing too special.
  • John Tucker
Build better forms with React Native UI components (
Dec 28, 2019
In this post, we will demonstrate how to build different performant React Native forms with native React Native UI components.
  • Peter Ekene Eze
Build an Ethereum Wallet with React Native (
Dec 20, 2019
Ethereum is a global, open-source platform for decentralized applications. On Ethereum, we can write code that controls digital value and essentially program our money. So let's jump right into it.
  • Chad Nehemiah
Using the Gesture Handler in React Native (
Dec 16, 2019
Replacing the Gesture Responder System with the Gesture Handler.
  • Sayid Hayani
Micro animations to the rescue (
Dec 15, 2019
People like to understand what's happening around them, whether it's in real life or in an app on their phone. Let us have a little peak into how we can help users of our React Native app.
  • Hannes Waller
5 things I have learned in my first months as a React Native developer (
Dec 14, 2019
Hi, my name is Marte and I decided five months ago that I wanted to pursue a career within front-end development to get closer to the products and users.
  • Marte Dybendal Gleditsch
Securing React Native Applications (
Dec 12, 2019
React Native is the framework of choice for cross-platform mobile development. Here, we explore several strategies to secure React Native applications.
  • Karan Gandhi
Choosing the right React Native date picker (
Dec 10, 2019
In this article, we’ll take a look at the available options for React Native date pickers and discuss how to choose the right one for your app.
  • Paweł Karniej
MobX with React Native, Simplified (
Dec 07, 2019
State management is the core of any React application and as React is just a UI library, we need something to take care of the state of our app. State management can become troublesome and it is easy to create unmanageable React applications because of inconsistent state.
  • Shad Mirza
The first step into React Native Animations (
Nov 28, 2019
React Native animations can be simpler than you think! This first example may be what you need to start.
  • Mauricio Luis Comin Araldi
Getting Started with the React Native Navigation Library (
Nov 13, 2019
One of the most important aspects of React Native app development is the navigation. It’s what allows users to get to the pages they’re looking for. That’s why it’s important to choose the best navigation library to suit your needs.
  • Wern Ancheta
How Discord achieves native iOS performance with React Native (
Nov 07, 2019
Early on at Discord, we adopted React Native as soon as it was open sourced to build our iOS app from the core of our React app. Years later, we are still happy with that decision.
  • Miguel Gaeta
React Native End-to-end Testing and Automation with Detox (
Nov 06, 2019
Detox is an end-to-end testing and automation framework that runs on a device or a simulator, just like an actual end user.
  • Ahmed Mahmoud
Improve React Native performance with immutability (
Oct 31, 2019
React Native SlowLog is a tool suitable for bigger performance problems in React Native.
  • Daniel Idaszak
6 Tools for Debugging React Native (
Oct 28, 2019
In the React Native world, debugging may be done in different ways and with different tools, since React Native is composed of different environments (iOS and Android), which means there’s an assortment of problems and a variety of tools needed for debugging.
  • Said Hayani
Fun, Fast, and Free Login with React Native (
Oct 14, 2019
In this post, I'll show you how to add a login feature to a React Native application using OAuth 2.0 and OpenID Connect.
  • Matt Raible
Building Your Next Mobile App with React Native: 4 Essential Benefits (
Oct 14, 2019
React Native is one of those cross-platform solutions. It’s one of the most widely used frameworks for mobile development, and in this article we’ll discuss when it’s a good idea to use it, what are its benefits, and some tips on what to consider when working with it.
  • Frunz Ghazaryan
End-to-end testing in React Native with Detox (
Oct 09, 2019
End-to-end testing is a technique that is widely performed in the web ecosystem with frameworks like Cypress, Puppeteer, or maybe with your own custom implementation.
  • Emanuel Suriano
Getting Started with GraphQL and React Native (
Oct 09, 2019
Facebook describes GraphQL as a “query language for APIs and a runtime for fulfilling those queries with your existing data”.
  • Jamie Maison
Cloning Tinder Using React Native Elements and Expo (
Oct 01, 2019
Making pixel-perfect layouts on mobile is hard. Even though React Native makes it easier than its native counterparts, it still requires a lot of work to get a mobile app to perfection.
  • Akshay Kadam
Testing Universal React (Native) Apps with Jest and Expo! (
Sep 26, 2019
Unit testing with Jest is an integral part of projects that are built with React. But we’ve also found that sometimes entire classes of bugs slip through with several Jest configurations, such as the preset included with React Native, and the testing never seems to really cover everything.
Real-time Location Tracking with React Native and PubNub (
Sep 25, 2019
In this guide, we’re going use React Native to create a real-time location tracking apps. We’ll build two React Native apps. One will act as a tracking app (called “Tracking app”) and the other will be the one that’s tracked (“Trackee app”).
  • Vikrant Negi
From React to React Native — What you need to know to jump ship (
Sep 17, 2019
Front end vs mobile development — what you need to know to change your mindset.
  • Panagiotis Vrs
Announcing React Navigation 5.0 (
Sep 17, 2019
We’ve been working on several improvements to React Navigation, such as improving animation performance with gesture-handler and reanimated libraries, migrating to TypeScript, and more.
  • Satyajit Sahoo
Pixels matter or easy UI screenshot testing in React Native (
Sep 10, 2019
In this article you will find an introduction to the pixels-catcher project that can be applied to any React Native application and will enable you to do UI snapshots testing of any screen or a component.
  • Maksym Rusynyk
React Native and Expo at Flexport (
Sep 10, 2019
Now that the mobile apps have been live in production for over a year, we’d like to share our development experience with the broader community, including a deep dive into a few internal tools powered by Expo JavaScript bundles and app manifests.
  • Max Heinritz
Mimic WhatsApp stories using React Native and Firestore (
Sep 10, 2019
Stories are now a trending feature of most social media applications, including WhatsApp, Snapchat, Instagram, and others.
  • Mohammad Kashif Sulaiman
State Management in React Native (
Sep 03, 2019
In this tutorial, we’ll learn about what state actually is, and about the setState() method, the Context API and React Hooks. This is the foundation of setting state in React Native.
  • Akshay Kadam
How to create a React Native app with PostgreSQL and GraphQL: Part 1 (
Sep 03, 2019
For the first part, we’ll be building a GraphQL server with a PostgreSQL database that will serve as the backend of our application. In the second part (blog post to come later) we will build an application with React Native that will consume data from our server.
  • Austin Roy Omondi
How to make Tinder-like card animations with React Native (
Sep 02, 2019
Tinder was among the first “swiping apps” that heavily used a swiping motion for choosing the perfect match. Today we’ll build a similar solution in React Native.
  • Paweł Karniej
The Case for the React Native Web Singularity (
Aug 30, 2019
Bottom line up front: There is a possible "React Native Web Singularity", when it starts being a better standalone choice for developing for the mobile web than react-dom. If this speculation comes true, this would be gamechanging.
Building Snake with react-native-game-engine (
Aug 29, 2019
In order to re-create this game I decided to use the (to my knowledge) only game engine currently available for React Native: react-native-game-engine
  • Tamas Szikszai
Build a "Not Hotdog" clone with React Native (
Aug 28, 2019
If you're a fan of HBO's Silicon Valley, you'll remember when they launched a real AI-powered mobile app that classifies hotdogs from a given image (or not). Using Google's Vision API, let's try to recreate a working model of the application in React Native.
  • Aman Mittal
React Native: An Affordable Cross-Platform for Mobile App Development? (
Aug 28, 2019
Let us explain why app developers prefer to React Native for their cross-platform development needs.
  • Juned Ghanchi
React Native Gestures & Animations: you only have 16ms to render everything (
Aug 27, 2019
The default Gesture and Animation APIs from React Native have some small declarative parts but they are mostly imperative: in most cases, they rely on communication between the JS and Native thread.
Minesweeper Tutorial in React Native (
Aug 26, 2019
Building minesweeper in react native in less than 50 minutes.
  • Tamas Szikszai
Getting Started with React Native (
Aug 21, 2019
In this guide, we’ll take a closer look at React Native. You’ll learn the absolute basics of getting started with it.
  • Wern Ancheta
Tracking the Performance of Complex Components in React-Native (
Aug 12, 2019
The react-native community has come up with good advice and tools to master the performance of react-native apps, such as learning about frame rates and how to use systrace, understanding over-rendering (also here), or using the Profiler component within react-native.
  • Miguel Albrecht
Help your users share their love for your app with React Native (
Aug 08, 2019
React Native has a Share module to use the platform share functionality, but in this case we want to send the link to the user’s contacts so that’s not what we want to use.
  • Janic Duplessis
Expo SDK 34 is now available (
Jul 30, 2019
Expo SDK v34.0.0 is out today and is based on React Native 0.59.8, the same React Native version as SDK 33.
  • Eric Samelson
Getting Started Optimizing a React Native App (
Jul 23, 2019
I’ve worked for a year optimizing one of the largest banks mobile apps performance. We ended up getting it from 14s TTI to around 2.5s on a slow Huawei P20 Lite. Here is what i wish i knew before starting!
  • Thomas Kjær-Rasmussen
Understanding React Native Components, Templates, and Tools (
Jul 23, 2019
React Native is a powerful framework that can make developing mobile applications a breeze. Its ease of use has enabled developers to create a number of tools, kits, and templates to work with, each with its own specialized use.
  • Kyle Sloka-Frey
Create a Reusable React Native OTP SMS component (
Jul 23, 2019
Learn how to create a React Native component for SMS verification and make it reusable and shareable.
  • Krissanawat Kaewsanmuang
Creating a Toggle Animation in React Native (
Jul 22, 2019
This is a toggle that I developed while working for Above. Or more precisely, we developed it for one of their clients.
  • Mikael Ainalem
Re-writing React Navigation Stack (
Jul 16, 2019
Recently I’ve been working with with Michał Osadnik on a new version of the stack navigator, which lives under the react-navigation-stack repo as a standalone package.
  • Satyajit Sahoo
Hermes: An open source JavaScript engine optimized for mobile apps, starting with React Native (
Jul 12, 2019
At Chain React 2019, we announced the Hermes JavaScript engine. We have open-sourced the Hermes engine, as well as integration with Hermes for React Native. We are excited to work with the open source community and have developers start using Hermes today.
Announcing React Native 0.60 (
Jul 03, 2019
After months of hard work from hundreds of contributors, the React Native Core team is proud to announce the release of version 0.60. This release handles significant migrations for both Android and iOS platforms, and many issues are resolved too. This blog post covers the highlights of the release.
  • Ryan Turner
Navigating React Native apps using React Navigation (
Jun 23, 2019
When building mobile apps, of primary concern is how we handle a user’s navigation through the app — the presentation of the screens and the transitions between them. React Navigation is a standalone library that allows a developer implement this functionality easily.
  • Emmanuel Yusufu
A Guide to React Native 0.59 And List of Components (
Jun 20, 2019
So, if you’re are the one who is looking to upgrade your app to this version, we will discuss complete information in this post and the top React UI Components to use in 2019.
  • Shifa Martin
React Native Performance: Do and Don't (
May 31, 2019
This article is based on two years of experience building Nelio React Native Mobile Apps, available on iOS and Android.
  • Maxence Dalmais
Building Your First React Native App (
May 24, 2019
We’ll be building out a simple weather app in React Native using MetaWeather, a free weather API.
  • Nathan Thomas
Demystifying Flexbox in React Native (
May 23, 2019
Learn how to use Flexbox with React Native.
  • Said Hayani
How to create a “fashion police” with React Native and off-the-shelf AI (
May 17, 2019
We will be harnessing Microsoft’s “off-the-shelf” Custom Vision services to classify clothes as “cute” or “not cute” according to data you’ve given it.
  • Kelsey Wang
Build a QR Scanner: A React Native Camera Tutorial (
Apr 23, 2019
In this React Native Camera tutorial, we will create a QR code reader app. It will be able to read QR codes in real time and render their content to the screen at the time of detection. We will be using React Native’s CLI Quickstart.
  • Bassam Seif
Manage: Making Animations In React Native— The Simplified Guide (
Apr 17, 2019
The animations are an important part of the UX of an app, and interacting with the user using the animations create a better experience for the user, the most successful user experience are made with animations, that’s why we are goin to play around animations in React Native.
  • Said Hayani
Styling in React Native (
Mar 14, 2019
Explore the best ways to style a React Native application.
  • Said Hayani
Untangling React Native WebView (
Mar 07, 2019
Turns out that React Native’s WebView has some challenges.
  • John Tucker
React Native Open Source Update March 2019 (
Mar 01, 2019
We announced our React Native Open Source roadmap in Q4 2018 after deciding to invest more in the React Native open source community. In the past two months, we made more progress than we expected. Read on for more details.
  • Christoph Nakazawa
How to publish a React Native component to NPM — it’s easier than you think (
Mar 01, 2019
Helping to grow React Native’s fairly young ecosystem is great. When I decided to take on this task not long ago, I noticed there wasn’t much material around publishing React Native components to NPM. So I’m hoping this post will help make the process much easier for others.
  • Colby Miller
You can now use Expo APIs in any React Native app (
Feb 28, 2019
Starting today, you can use as little or as much of the Expo SDK as you like in any React Native app. We’ve spent a lot of time building and maintaining these cross-platform APIs for native features, and we’re happy to finally share them with the entire React Native ecosystem and to continue evolving them as a together.
  • Brent Vatne
Lessons I learned while building in React Native (
Feb 13, 2019
When I received an offer for a software engineering role to build an app in React Native, I wasn’t sure what to expect. Now I’m a few months in, and here are some of the lessons I learned along the way.
  • Amanda Bullington
Implementing an Infinite Scroll list in React Native (
Feb 04, 2019
While implementing pagination in mobile devices, one has to take a different approach since space is minimal unlike the web, due to this factor, infinite scrolling has always been the go to solution, giving your users a smooth and desirable experience.
  • Brian Njenga
WHY did I write another React Native boilerplate? (
Feb 03, 2019
Approximately 2 years back we decided to move from Native Android and iOS applications to something cross-platform. As most, I went looking for a boilerplate, and this story is about why I decided to write my own after all deliberations.
  • Amit Mangal
The State of the React Native Community in 2018 (
Jan 07, 2019
In 2018 the React Native Community made a number of changes to the way we develop and communicate about React Native. We believe that a few years from now we will look back and see that this shift was a turning point for React Native.
  • Lorenzo Sciandra
Things about React Native I found the hard (but rewarding) way (
Dec 28, 2018
Thoughts on React Native after using it professionally for projects of many scales.
  • Christos Sotiriou
How to integrate maps in React Native using react-native-maps (
Dec 07, 2018
Nowadays, almost all mobile applications have a maps feature. I had to integrate Google Maps to my React Native application, and the only choice was react-native-maps by Airbnb (it’s the only one still supported by the React Native community).
  • Mukhamed Khasanza
What you need to know to start building mobile apps in React Native (
Nov 15, 2018
Nothing is better than building apps with JavaScript. Unless you are building mobile apps.
  • Said Hayani
How to add app icons and splash screens to a React Native app in staging and production (
Oct 24, 2018
To add a staging and production environment, and to add app icons, requires us to use Xcode and Android Studio, and we do it the same way we do with native iOS or Android projects.
  • Khoa Pham
How to run a React Native app on iOS (
Oct 09, 2018
Let's try to understand the what and how of the process to run React-Native apps on iOS.
  • Soujanya PS
React Native Firebase Tutorial: Build CRUD Firestore App (
Oct 09, 2018
The comprehensive step by step React Native and Firebase tutorial: Build CRUD (Create, Read, Update, Delete) Firestore Android and iOS App.
  • Didin Jamaludin
Here are my favorite hacks for creating production level apps with React Native (
Sep 18, 2018
In this blog post, I’ll go over some tips and tricks and eventually the best practices I’ve deployed for one of my apps coded in React Native
  • Mehul Mohan
A better versioning scheme for your React Native modules (
Sep 05, 2018
In this article, I will tell you about the versioning scheme we use for our React Native modules at Wix.
  • Shalom Yerushalmy
  • Wix
Dive into React Native for Android Development (
Aug 14, 2018
In this post, I’m going to create four React Native powered Android apps.
  • Alexander Pataridze
How to integrate Redux into your application with React Native and Expo (
Aug 10, 2018
Before reading the rest of the tutorial and going further, just try to remember that you are only learning about Redux because it will make things easier for you, and not more difficult.
  • Aman Mittal
React Native Storybook + Generating individual test files to snapshot (
Aug 07, 2018
In this post I’ll describe how I got React Native working with Storybook and Storyshots plugin along with a custom script to generate a separate test file per story file.
  • Axel Normand
Your First Hybrid App in Minutes  -  React Native on the Web (
Jul 30, 2018
In a few minutes, you’ll have a Pokedex app, one that runs on iOS, Android, and on the web.
  • Jonny Kalambay
Introduction to Using Redux in a React Native App (
Jul 29, 2018
In this article, we will learn how to persist user data using Redux in a React Native application.
  • Zeb Girouard
Hunting JS memory leaks in React Native apps (
Jul 26, 2018
In this article, we gathered the typical approaches to debug and solve memory problems in a React Native app.
  • Krzysztof Magiera
How To Build A Chat App With React Native (
Jun 27, 2018
Let’s create a basic chat application that works on every iOS and Android device. To do this we will use a framework called Expo!
React Baby Steps V: Is React Native for You? (
Jun 15, 2018
This is not a technical article; it's just my thoughts and conclusions after briefly playing with it and some discussion with my colleagues.
  • Vanja Petreski
So You Want to Build a Chat App with React Native, Expo and Microsoft’s Bot Framework (
Jun 13, 2018
In this article, we will quickly build a chat app using React Native, Expo and Microsoft’s Bot Framework.
  • Adrian Carolli
Perfect Pulled Pork with React Native, Expo, and Express (
Jun 07, 2018
Taking a Picture Every 30 Seconds and Sending It To A Server.
Building Mobile Apps Using React Native And WordPress (
May 11, 2018
WordPress can work as an excellent back-end platform for your next native app, especially if it is content-driven or an online shop. In this article, you will learn the foundations for building mobile apps with React Native and WordPress.
  • Muhammad Muhsin
Using TypeScript with React Native (
May 07, 2018
Today, we're going to look at how to use TypeScript in React Native apps.
  • Ash Furrow
How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial (
Apr 19, 2018
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools.
  • Oleh Mryhlod
Wait… What Happens When my React Native Application Starts? (
Mar 19, 2018
Discover how React Native functions internally, and what it does for you without you knowing it.
  • Nicolas Couvrat
What the React Native docs forgot to tell you about animations (
Mar 12, 2018
Unfortunately React Native’s documentation about animations is not so great. Some things are explained rather vaguely and other things are plain missing. That’s why I wanted to give you a quick overview of the things I think need a bit of extra explanation.
  • Karen de Graaf
How to build a real-time todo app with React Native (
Mar 01, 2018
A todo app touches on all the important parts of building any data-driven app, including the Create, Read, Update and Delete (CRUD)
  • Divyanshu Maithani
Building An E-commerce Search App with React Native (
Feb 27, 2018
We will go over the process of building a starter e-commerce mobile app for searching through a books datastore using React native.
  • Deepak Grover
My Journey from ReactJS to React-Native (
Dec 20, 2017
Mega-post with everything I learned + lots of code examples.
  • David Mieloch
Debugging React Native and Redux with React Native Debugger (
Nov 24, 2017
Every developer will get to a point when they’re working where they’re going to have to debug their code.
  • Gunnari Auvinen
Let’s Build: Cryptocurrency Native Mobile App With React Native + Redux (
Oct 15, 2017
I’m going to teach you how to write a native mobile app with React Native and Redux.
  • Indrek Lasn
Easily Build Forms in React Native (
Sep 20, 2017
Forms are pretty simple, right? Yeah! But there can be quite a few moving parts involved. A few things you might have to take care of…
  • Spencer Carli
Testing in React Native  -  Jest & Detox (
Sep 08, 2017
Writing unit & end-to-end tests to ship your mobile app with confidence.
  • Monte Thakkar
React-Native: Debugging like a God (
Sep 06, 2017
Let’s talk about debugging and performance measurement.
  • Shahen Hovhannisyan
React Native UI Toolkit Roundup (
Aug 07, 2017
Until someone makes react-native-bootstrap (which does not exist yet, by the way), here are a number of other React Native UI Toolkits that you can use to bootstrap (get it?) your next React Native project
  • Conroy Whitney
Hybrid Apps And React Native: A Time To Transition? (
Jun 14, 2017
Accomplished musicians often talk about how, at certain moments in their careers, they had to unlearn old habits in order to progress. This process often causes them to regress in performance while they adjust to an ultimately better method. Once the new approach is integrated, they are able to reach new heights that would not have been possible with their previous techniques.
  • Paul Francis
How I built a super-simple game using React-Native (
Feb 28, 2017
Today I released a simple React-Native game on the App Store with the aim of providing some tips on how to handle small React-Native projects like this one.
  • Matteo Mazzarolo
React Native at Instagram (
Feb 06, 2017
Developer velocity is a defining value of Instagram’s mobile engineering.
  • Martin Bigio
  • Don Yu
  • Brian Rosenfeld
  • Grace Ku
Diverse Test-Automation Frameworks For React Native Apps (
Aug 24, 2016
The bar is set high for today’s mobile apps. First, apps must meet the standard of quality that app markets expect. Secondly, mobile app users are very demanding. Plenty of alternatives are available to download, so users will not tolerate a buggy app. Because mobile apps have become such a crucial part of people’s lives, users won’t be shy about sharing their love or hate for an app — and that feedback gets in front of millions of users in seconds.
  • Ville-Veikko Helppi
React Native For Web: A Glimpse Into The Future (
Aug 08, 2016
One of the hardest decisions to make when starting a new app is which platforms to target. A mobile app gives you more control and better performance but isn’t as universal as the web. If you’re making a mobile app, can you afford to support both iOS and Android? What about trying to build a mobile app and a responsive web app? Ultimately, the best experience for your customers is for your app to work everywhere, but the development and maintenance costs of that can be prohibitive.
  • Clayton Anderson
The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2) (
Apr 19, 2016
In part 1 of this tutorial we started building our iOS app from scratch. We started out by setting up a blank React Native project. Then we pulled data from the API. Because downloading data takes time, we built a loading screen. In the process we went over positioning UI elements with flexbox and styling them using CSS-like properties.
  • Nash Vail
React Native Tutorial – Building Your First iOS App With JavaScript (Part 1) (
Apr 12, 2016
These frameworks and the whole idea of building mobile apps with JavaScript never appealed to me, though. I always thought, why not just learn Swift/Objective-C or Java and build real apps? That definitely requires a significant amount of learning, but isn’t that what we developers do and should be good at?
  • Nash Vail

Video Guides & Talks

WhatsApp Photos - “Can it be done in React Native?” (
May 19, 2020
In this video, we are looking at the WhatsApp Photos user-interaction.
The 10-min React Native Wallet Animation (
May 15, 2020
In this video, we build an animation provided to use by the amazing Mengo To from
The 10-min React Native Swipe (
May 12, 2020
In this video, we build a swiper with React Native.
Making a 3D Engine with React Native (
May 06, 2020
In this video, we build a baby 3d engine with React Native.
The 10-min React Native Skew & Tween Transforms (
May 05, 2020
In this video, we showcase the decompose2d and tween function from redash.
The 5-min Rotation Gesture (+ 5-min Bonus) (
Apr 28, 2020
In this video, we use the RotationGestureHandler for the first time.
React Native & D3: Japanese Candlestick Chart (
Apr 09, 2020
In this clip, we build a simple D3 Candlestick chart using D3.
React Native Pinch Gesture (
Apr 09, 2020
In this clip, we build a simple circular gesture using React Native Gesture Handler and Reanimated.
Instagram Pinch-to-Zoom - “Can it be done in React Native?” (
Mar 31, 2020
In this video, we are looking at the Instagram pinch-to-zoom effect.
The Heart of React Native Transform (
Mar 24, 2020
In today's video, we will be looking at React Native transforms.
React Native Long Press Animation Challenge (
Mar 17, 2020
In today's video, we will be looking to implement in React Native the animation challenge.
React Native 3D Animations Challenge (
Mar 10, 2020
In today's video, we will be looking to implement in React Native the following animation challenge.
React Native Tabbar Animation Challenge (
Mar 03, 2020
In today's video, we will be looking to implement in React Native the following animation challenge.
React Navigation v5 Tutorial (
Feb 27, 2020
Learn how to use React Navigation v5 by implementing the navigation pattern that is found in most popular apps right now. We cover authentication, stack/tab navigation, params, TypeScript, and more.
Airbnb Shared Transition - “Can it be done in React Native?” (
Feb 18, 2020
In this video, we are building the Airbnb Shared Element Transition.
Build a Brain Computer App with React Native (
Feb 16, 2020
Today we will start building a mobile app with React Native that will link up with a brain computer interface!
  • Jesse R Weigel
The 10-Minute Pixel Rounding (
Feb 13, 2020
In this video, we are looking at React Native pixel rounding.
Why React Native is NOT garbage. (
Feb 06, 2020
I respond to a video TechLead made and make the case in favor of React Native.
React Native Crash Course 2020 (
Feb 04, 2020
In this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app.
Bootstrapping a React Native Project in 2020 (
Jan 21, 2020
Same time last year I did a video on how to bootstrap a React Native project in 2019 so what changed since?
The 5 Minute React Native Masked View (
Jan 10, 2020
In this video, we are building an angular gradient in React Native using a masked view.
First look: OpenGL Shaders in React Native (
Jan 07, 2020
In this video, we are building our first OpenGL Shader in React Native.
iPod Classic - “Can it be done in React Native?” (
Jan 01, 2020
In this video, we are building a nice throwback: the iPod Classic using a phone touch screen.
Uber Eats Sticky Header - “Can it be done in React Native?” (
Dec 23, 2019
In this video, we are building the Uber Eats sticky header.
React Navigation 5 | What's new ? (
Nov 11, 2019
In this tutorial we'll learn what's new in react navigation 5.
  • Varun Nath
Reading and Writing NFC in React Native (
Nov 10, 2019
With iOS 13 Apple finally opened the SDK to write data on some of the most popular NFC chips. Thankfully one of the most popular (and to my knowledge only) NFC React Native library, react-native-nfc-manager also added (some) support to do this. Let's see how it works in practice!
  • Tamas Szikszai
How to create a React Native animated Clock with Animated API in Expo (
Nov 06, 2019
In this video tutorial we'll learn how to create a minimalist Clock UI and how to animate it using React Native Animated API. We'll be using day.js library to get the timestamp, Animated.timing to animate the seconds, minutes, hours and Animated.stagger to animated the initial render of the Clock.
  • Catalin Miron
Google Chrome Tab Ordering - “Can it be done in React Native?” (
Oct 22, 2019
In this video, we are building the Google Chrome Tab ordering feature.
How to Share Code Between React and React Native (
Oct 17, 2019
Learn how to share code between React and React Native to avoid duplicating logic.
Animate words in a sentence using Animated.stagger (
Oct 11, 2019
In this lesson we’re going to be animate words in a sentence in React Native and Expo for creating the react-native project. We'll be using Animated stagger function.
  • Catalin Miron
React Native EU 2019: Q&A Panel (
Oct 10, 2019
  • Eli White
  • Ferran Negre Pizzaro
  • Dulmandakh Sukhbaatar
  • Emily Janzer
  • Pariss Chandler
Liquid Swipe - “Can it be done in React Native?” (
Oct 08, 2019
In this video, we are building the Liquid Swipe example from Cuberto.
Giving voice an action in React and React Native (
Oct 03, 2019
In this talk you will see how to get voice input ready in React and React Native, how to react on voice input and how to process it to get the intent from the user voice.
  • Wouter Van den Broek
Testing in React Native: Unit & E2E (
Oct 03, 2019
This talk I am going to share with you my experience of dealing with these in React Native by moving towards TDD. Also how writing unit and e2e tests helped me write better code and build beautiful apps.
  • Preeti Wadhwanni
React Native at Skyscanner: The Good Parts (
Oct 03, 2019
In this talk, Karan will share his learnings from working on the React Native infrastructure at Skyscanner. These are concepts, issues and roadblocks that a developer would encounter in their journey of integrating React Native in a brownfield app.
  • Karan Thakkar
Monorepo: React Web & React Native (
Oct 03, 2019
There are cases when product has a lot of business logic and want's to share it across web and mobile platforms, especially when the web part uses React and mobile - React Native.
  • Eugene Zharkov
High performance video editing for the mobile web (
Oct 03, 2019
By combining a canvas rendering strategy with invisible React UI for manipulating video overlays on the client side, and ffmpeg on the backend, we were able to build a video editing experience in a matter of weeks that supports near pixel perfect previews that can be edited in real time, and highly optimised mp4 output for the fully rendered videos.
  • Forbes Lindesay
Building Whack-A-Mole in React Native with rn-sprite-sheet (
Sep 22, 2019
Today I'm going to recreate yet another classic game in React Native: Whack-A-Mole. I'm going to use rn-sprite-sheet, which I believe is one of the best ways to do on-demand animation with React Native in a game.
  • Tamas Szikszai
Convert a React Native Project to Typescript in 10 Minutes (
Sep 21, 2019
This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.
  • Alex Hinson
Making a PRODUCTION ready Flappy Bird in React Native (
Sep 14, 2019
In the previous episode we created a proof of concept version of Flappy Bird using react-native-game-engine and Matter.js. While it was fun, it wasn't even remotely the kind of game that any user would enjoy or even use for more than 10 seconds. Today we are aiming to make the game to be (more or less) production ready.
  • Tamas Szikszai
Spotify Player - “Can it be done in React Native?” (
Sep 10, 2019
In this video, we are building the Spotify bottom sheet gesture and animation using React Native.
Flappy Bird with react-native-game-engine and Matter.js (
Sep 04, 2019
Today I'm building the "classic" game Flappy Bird in react native, using react-native-game-engine and Matter.js. This kind of game is not necessarily something that I would encourage to build using react native, but it is entirely possible, so might as well.
  • Tamas Szikszai
Building Snake with react-native-game-engine (
Aug 29, 2019
React native tutorial on building the classic Snake game, made popular by Nokia in the late 90s.
  • Tamas Szikszai
Building a Slot Machine Game in React Native (Part #2) - Highlighting the winning lines (
Aug 24, 2019
This is the second part of the series where I try to create a fully fledged Slot Machine Game in React Native. In this episode we are going to evaluate the result of the spin and highlight the lines that won with a nice little animation.
  • Tamas Szikszai
Building a Slot Machine Game in React Native (Part #1) (
Aug 23, 2019
Slot Machines are not necessarily the kind of apps you would build in React Native... Challenge... Accepted.
  • Tamas Szikszai
React Native Tutorial for Beginners (
Aug 21, 2019
Free React Native Introduction for Beginners: Get Started with React Native and learn how to build an iOS and Android app.
How to create a shared element transition with react-navigation and React Native (
Aug 14, 2019
In this lesson we’re going to be building a Shared Element Transition in React Native using react-navigation, react-navigation-fluid-transition, React Native and Expo for creating the react-native project.
  • Catalin Miron
Airbnb Header Animation | React Native | Reanimated (
Aug 13, 2019
You'll learn how to create the header animation similar to the Airbnb App.
  • Varun Nath
Expo for Everyone (
Jul 31, 2019
What is Expo, what have we been working on, and what’s up next? Give me your attention for half an hour and let me tell you about that.
  • Brent Vatne
Building & Deploying Demos with Bitrise & (
Jul 31, 2019
In this session I will demonstrate a basic setup of Bitrise to build the application for both iOS and Android platforms, with a deployment to Appetize for both versions.
  • Jenn Robison
Successful Web & React Native Code Sharing Strategies (
Jul 31, 2019
At Nozbe, we share almost all component-level code between React for the web and React Native (both iOS and Android) — without ReactXP, react-native-web, or react-primitives! Let me show you how we did this — from project setup, through shared infrastructure, all the way up to shared components and styling — and how you can achieve the same thing.
  • Radek Pietruszewski
All Hands on Deck - The React Native Community Experience (
Jul 31, 2019
I could tell tales for days of the many seas we've been through, the high waves and the storms we've weathered - but one constant has been the help provided from other sailors like me, part of the community. The collaboration with the RN team allowed for increasingly more complex roles and projects to ship - and we are all but done.
  • Lorenzo Sciandra
Building React Native Apps 10 Things I've Learned On The Way (
Jul 31, 2019
In this session, I would share my experiences building React Native Apps, and the 10 things that I wish I knew early on. By the end of this talk, you will be equipped with best practices to follow while building your React Native App. Make sure you don’t repeat the same mistakes that I did.
  • Adhithi Ravichandran
End Your Development Nightmares with envinfo and Solidarity (
Jul 31, 2019
In a world where perpetually confused developers can’t quite get their React Native development environments working, new libraries emerge from the ashes of lost productivity: envinfo and Solidarity. Escape the complexity and be part of the wave of teams embracing change to save their projects from themselves.
  • Trevor Brindle
Performance in React Native (
Jul 31, 2019
In this talk, we will look at the various tips and tricks for taking full advantage of React Native and using the performance attributes of the new architecture.
  • Ram Narasimhan
The State of React Native Tooling (
Jul 31, 2019
In this talk, I am going to give you an update where we are, what are the highlights from past few months and what you can expect from the future.
  • Mike Grabowski
Screenshot Testing React Native Apps with Percy (
Jul 31, 2019
Visual regressions in mobile applications can be serious problems and are notoriously tedious to catch. Hours, even days, can be spent manually sifting through screenshots of a mobile application before releasing it to real users. With automated screenshot testing, much of this tedium can be avoided, and mobile app developers can be empowered to iterate with confidence.
  • Carly Litchfield
React, Meet Compose (
Jul 31, 2019
Jetpack Compose is a new declarative UI framework that is being developed in the open for Android. It has a very similar programming model to React, and this talk will dive deep into the internals of both to explain the similarities and differences in the architectures of both, and how React Native might be able to leverage some of this technology long term.
  • Leland Richardson
Demystifying complex animations creation process in React Native (
Jul 31, 2019
In this talk we will walk through the process from defining complex animation, to implementing it by going through all stages of animation creation process.
  • Vlad Novick
Why Can't We Be Friends? (
Jul 31, 2019
This talk will look at the ways in which my team and I learned, sometimes the hard way, how to develop a react native app for Android, as well as my experience as a JavaScript developer being thrust into the native world.
  • Liz Tiller
3rd Party Nightmares (
Jul 31, 2019
A brief exploration of decisions and difficulties encountered when employing third-party libraries in React Native applications, yielding actionable advice for open-source package maintainers in our community.
  • Joe Lafiosca
Beyond the React Native Benchmark (
Jul 31, 2019
In this talk, I will go through some of the best practices you should consider from setting up a project, challenges most react native app faces to scalability. At the end of this talk, you will go home with practices you can apply to your projects and feel more confident doing so.
  • Ankita Kulkarni
React Native - Case study: From an idea to the market (
Jul 31, 2019
This talk is about my journey in building an app that will keep track of your gym life. One single codebase and React Native. Only one person making an app for both Android and iOS that goes from zero to production till seeing your gym buddy using it.
  • Ferran Negre Pizarro
Getting Started with Mobx Statetree (
Jul 31, 2019
Creating scalable and maintainable React Native app using Mobx State Tree.
  • Devlin Duldulao
Hooking Up a Conference in Real-time with GraphQL (
Jul 31, 2019
In this talk, I'll show how you can rapidly prototype, build, & deploy your app using GraphQL, React Native, & AWS AppSync so you can spend your time worrying about more important things in life. In addition to what you'd expect from a conference app, we'll be adding live chat so attendees discuss talks & speakers can field questions & interact with them in real-time.
Convert a React Native Project to Typescript in 10 Minutes (
Jul 31, 2019
This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.
  • Alex Hinson
Drag and Drop List in React Native with Reanimated and RecyclerListView (
Jul 30, 2019
I talk about the drag and drop list I created with Reanimated and RecyclerListView.
The 5 minutes React Native Tap Gesture (
Jul 29, 2019
In this video, we make some fancy tap gesture animation with React Native Reanimated and Gesture Handler.
Introduction to RecyclerListView in React Native (
Jul 29, 2019
Learn about the high performant listview in React Native called RecyclerListView by Flipkart.
Let's Build a React Native App: Migrating to React Hooks (
Jul 29, 2019
If you've ever been curious what it's like to convert a Component to React Hooks then this is the video for you! I convert 4 components LIVE with you!
  • Harry Wolff
React Native - Under the Bridge (
Jul 29, 2019
If you are a curious React developer who believes that knowing the internals of a library makes you a better developer, join me to the journey Under The Bridge.
  • Chen Feldman
Computing FlatList Indexes in React Native (
Jul 26, 2019
Learn how to compute the index of an item in a FlatList in React Native.
Drag and Drop in React Native with PanResponder (
Jul 25, 2019
Learn how to code a drag and drop flatlist in React Native.
The 5 minutes React Native Animation Loop (
Jul 23, 2019
In this video, we make some loop animations in React Native using Reanimated.
BBC iPlayer - “Can it be done in React Native?” (
Jul 16, 2019
In this video, we are building the BBC iPlayer using React Native.
React Native CLI - A Community Takeover (
Jul 15, 2019
Talk at React Native Wrocław Meetup
  • Michał Pierzchała
React Native, Your UX Superhero (
Jul 15, 2019
Talk at React Native Wrocław Meetup
  • Noemi Rozpara
Practical Performance for React (Native) (
Jul 11, 2019
In this talk you’ll find out how some commonly used patterns have an adverse effect on the speed of your app, and how to avoid using them. We’ll mainly explore UI and state management but we’ll also dive into some native-specific issues and look at how to prevent them.
  • Anna Doubková
The 5 minutes React Native Declarative Animation (
Jul 04, 2019
In this video, we are a simple animation using React Native.
Web Delivery Experience for React Native (
Jul 04, 2019
You noticed a button in your app is in the wrong color. You fix it and merge the code to your production branch. Congratulations! now it’s time for your code to meet your users.
  • Elad Bezalel
  • Elad Aviv
Rapid Cross-Platform AR Development with React Native (
Jul 03, 2019
We'll take a brief look at what AR is and how it works, and then take a deep dive into Viro and everything it provides to get you moving rapidly with AR development. We'll focus on a few very interesting pieces that Viro provides, such as 3D models, portals, image recognition, and real life object recognition.
  • Alex Hinson
Cross-Platform React – from Web to Mobile (
Jul 03, 2019
We’ll look at options of writing cross-platform apps and see how to leverage React’s clever rendering strategies to build apps as effortlessly as possible.
  • Anna Doubková
Safari Tabs - “Can it be done in React Native?” (
Jul 02, 2019
In this video, we are building the iOS Safari Tabs animations using React Native.
The 5 minutes React Native SVG Path Morphing (
Jun 25, 2019
In this video, we are building an SVG Path morphing in 5 minutes using React Native.
Improving React Native Performance in Facebook Marketplace (
Jun 24, 2019
Konstantin Raev talks about reaching React Native performance goals for Facebook Marketplace--one of Facebook's biggest applications.
How to Build a Website with React Native (
Jun 19, 2019
Today I'ma run you through how to make a web app with Expo. The steps are really just expo init, expo build:web, netlify deploy. In my usual distracted fashion I walk you through these steps in 12 minutes.
The 5 minutes React Native D3 & SVG Animation (
Jun 11, 2019
In this video, we are building a D3/SVG graph animation in 5 minutes using React Native.
Mobile Innovation with React Native, ComponentKit, and Litho (
May 30, 2019
This session will cover how we use - and open source - our mobile development stack to deliver beautifully designed and super responsive apps on both Android and iOS.
  • Eli White
  • Pasquale Anatriello
  • Thong Nguyen
  • Facebook
Universal App Development (
May 30, 2019
Writing truly universal code and deploying it everywhere.
Magic Move transitions in React-native (
May 28, 2019
In this presentation Hein will dive further into shared element transitions (aka magic-moves), how you can achieve them using react-native-magic-move; and what additional work needs to be done to make this is a first class feature in react-native.
  • Hein Rutjes
Demystifying Complex Animations Creation Process in React Native (
May 03, 2019
In this talk we will walk through the process from defining complex animation, to implementing it by going through all stages of animation creation process.
  • Vladimir Novick
Full-stack React Native in the Era of Serverless Computing (
May 03, 2019
In this talk, I'll talk about this philosophy in depth, discuss the options available from different service providers, & then show how (live-code) to build a full-stack React Native application in just a few minutes by using React & AWS Amplify React Native to quickly build a real-world app complete with a GraphQL API, analytics, search, authentication & authorization.
Sharing Code Between React and React-Native: What Not to Share (
May 03, 2019
In this talk I will give real examples from my work with, migrating their web and mobile application to React and React-Native with code sharing as a primary objective.
  • Ben Ellerby
Practical Performance for React Native (
May 01, 2019
In this talk you’ll find out how some commonly used patterns have an adverse effect on the speed of your app, and how to avoid using them. We’ll mainly explore UI and state management but we’ll also dive into some native-specific issues and look at how to prevent them.
  • Anna Doubková
React Standard Library (
May 01, 2019
React Native is the tool for building cross platform React apps. To build native-like experiences, we need good APIs providing the native capabilities of each platform in a unified way. Is the answer a standard library for React apps?
  • Ville Immonen
The Untouchable Web (
May 01, 2019
The majority of users are now browsing websites primarily using touch devices. In this talk, Rick Hanlon from the React Native team at Facebook shares what React Native has learned about touch devices with web developers, including how to provide a rich user experience today, and where this space is going.
  • Rick Hanlon
CICD for React Native (
May 01, 2019
Understanding the basics of how to apply CI/CD practices in React Native mobile application development to automate software release tasks will improve performance and will free up time more usefully spent elsewhere in the project.
  • Juha Linnanen
Apple Bedtime - “Can it be done in React Native?” (
Apr 25, 2019
In this video, we are looking at the Apple Bedtime feature.
React Native App Rollout—an Alternative Approach (
Apr 24, 2019
Building an app destined for production is a daunting task, especially to replace existing legacy apps available for download in the App and Play Store. We could have pursued a typical release strategy—instead, we got creative with React Native.
  • Adam Terlson
Make Your React Native Apps Accessible (
Apr 24, 2019
In this talk, I will show you why accessibility matters, what those rules are, accessibility standards your app falls into, common patterns to follow and how to get over your fear of voice-over.
  • Ankita Kulkarni
Building for a Bigger World Than Mobile (
Apr 24, 2019
In this talk you wil see how to get React Native to the Windows and Mac OS X platform, what the advantages and disadvantages are with these setups and what you can do to get the best results for your App.
  • Wouter van den Broek
Practical Performance for React (Native) (
Apr 24, 2019
In this talk you’ll find out how some commonly used patterns have an adverse effect on the speed of your app, and how to avoid using them. We’ll mainly explore UI and state management but we’ll also dive into some native-specific issues and look at how to prevent them.
  • Anna Doubková
Building React Native (
Apr 24, 2019
This talk stems from my experiences as a web-developer newbie on the React Native team, and is an attempt to document my journey in comprehending the code base. At the end of the talk, the attendees will not only be able to build React Native apps, but also understands how it all works together.
  • Parashuram N
Learnji - “Can it be done in React Native?” (
Apr 20, 2019
In this video, we are looking at the Learnji app.
Clear Todos Pinching - “Can it be done in React Native?” (
Apr 08, 2019
In this video, we are looking at the Google Chrome refresh effect.
The 5 minutes React Native 3D Animation (
Mar 28, 2019
In this video, we are building a 3D animation in 5 minute using React Native.
Tabbar Animation Challenge (
Mar 13, 2019
In today's live stream, we will be looking to implement in React Native the Tabbar animation challenge.
React Native Morph SVG & Gradient animation (
Feb 22, 2019
In this video we'll use Popmotion Pure to morph SVGs with Flubber and also animate the LinearGradients in React Native.
  • Catalin Miron
3D Flip Animations in React Native (
Feb 21, 2019
In this video, we are looking at the Flipboard 3d animation. This video is all about 3D transformations in React Native.
Flipboard - “Can it be done in React Native?” (
Feb 18, 2019
In this video, we are looking at the Flipboard 3d animation. Hope that you will enjoy the video! 😀 Let me know what you think.
Setting Up React Native Hooks (
Feb 16, 2019
Learn how to setup React Native to work with React Hooks.
Bootstrapping a React Native Project in 2019 (
Jan 22, 2019
In this video, I'm demonstrating my favorite way bootstrap React Native Project this year!
Suspense with @reach/router and React.lazy (
Jan 21, 2019
In this video we'll show how to use Suspense along with @reach/router and React.lazy to code-split and lazy-load each route/page of our application, showing a fallback component while it's loading.
React Native pseudo maze animation with Pose (
Jan 13, 2019
In this lesson we’re be building a react native animation using pose library by Popmotion and Expo for creating the react-native project.
  • Catalin Miron
So You Want to Use React Native in Your Mobile App? (
Jan 07, 2019
In this talk, Karan will share his learnings from working on the React Native infrastructure at Skyscanner. These are concepts, issues and roadblocks that a developer would encounter in their journey of integrating React Native in a brownfield app. Knowing these ahead of time would help folks take the right decisions when building their own React Native infrastructure.
  • Karan Thakkar
Building A Large Scale React Native App (
Jan 07, 2019
At HuffPost we just finished rebuilding our main android news app in React Native. Explore some of the decisions we made about our code base and how those decisions impacted the success of the project and its future potential.
  • Raphael Eidus
Designing React Native Modules For Every Platform (
Dec 17, 2018
In this talk, we'll do a deep dive into how React Native and Metro goes about resolving platform specific code, common patterns for separating platform-specific code, and look at those same patterns from the perspective of a platform developer to see how we can make them more resilient to new & upcoming platforms.
  • Vincent Riemer
Building React Native (
Nov 28, 2018
In this talk, we will look at the internals of React Native, and how code written in JavaScript can power a fully native mobile application. We will look at the various parts of the system like the bridge, the UI manager and the plugins.
  • Parashuram N
Reasonable React Native (
Sep 14, 2018
An introduction to writing React Native applications using ReasonML. Find out why ReasonML is great, why writing React Native with Reason is the jam, and learn how you can get started with it today!
Getting into Physical web with React of Things (
Sep 14, 2018
Physical Web taking the world by a storm. More and more applications interact with physical devices using Beacons and low energy bluetooth. In this talk I will cover how to interact with physical world from inside React Native application.
  • Vladimir Novick
Demystifying complex animations creation process in React Native (
Sep 14, 2018
While Animations can be created in React Native pretty easily, real world mobile apps require a combination of several layers of animations, gestures and micro interaction animations to make user experience stand out. In this talk we will walk through the process from defining complex animation, to implementing it by going through all stages of animation creation process.
  • Vladimir Novick
The State of React Native - Chain React 2018 (
Jul 24, 2018
In this talk, we will look at the current state of React Native with a whirlwind tool of its internals. We will also look at the upcoming changes in the architecture and how it plays well with React Fiber.
  • Ram N
How to setup a Typescript React Native App (
Jun 08, 2018
Learn how to setup a React Native application with Typescript.
JavaScript Futurism (
Jul 18, 2017
Working consistently across multiple platforms with different file types in React Native can be challenging. In this talk, I will discuss and implement working with and opening a multitude of different file types consistently on both iOS and Android.

Books & Guides

The Ultimate Guide to React Native Optimization (
May 14, 2020
This guide is a collection of the most relevant and effective tips, tricks, tactics, and solutions for optimizing React Native apps. They are based on our experience as senior developers and Core Contributors to React Native.
  • Mike Grabowski
  • Jakub Mazurek
Get Started with React Native (
Jul 26, 2019
In this guide, this first in a series, we’ll take a closer look at React Native, and get you up and running with the basics.
  • Wern Ancheta
  • Akshay Kadam
  • Mehul Mohan
  • Daniel Schmidt
React Native in Action ( it on Amazon
Mar 25, 2019
React Native in Action gives iOS, Android, and web developers the knowledge and confidence they need to begin building high-quality iOS and Android apps using the React Native framework.
Hands-On Design Patterns with React Native ( it on Amazon
Sep 29, 2018
Learn how to write cross platform React Native code by using effective design patterns in the JavaScript world
  • Mateusz Grzesiukiewicz
React and React Native, 2nd Edition ( it on Amazon
Sep 28, 2018
Build applications for web and native mobile platforms with React, JSX, Redux, and GraphQL
  • Adam Boduch
React Made Native Easy (
Dec 09, 2017
A reference for building production-grade applications which are easy to test, maintain and extend to multiple platforms.
  • Rahul Gaba
  • Atul R
Learning React Native, 2nd Edition ( it on Amazon
Nov 12, 2017
Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile apps that render natively.
  • Bonnie Eisenman

Courses & Video Series

React Native, v2 (
May 05, 2020
Leverage your JavaScript and React skills for mobile iOS and Android platforms using React Native. Examples in this course allow you to get started quickly and see your changes immediately in React Native using Expo, or use pure React Native standalone if you prefer. You’ll use native components for rendering lists, building forms, and styling them with CSS.
  • Kadi Kraman
React Native Gestures and Animations (
Aug 25, 2019
Learn to leverage the power of declarative gestures and animations in order to build delightful user experiences that run at 60 fps even on low-grade Android devices.
React Native for Designers Part 2 (
May 15, 2019
Learn to build an iOS and Android app from scratch. A 6-hour course for designers teaching custom animations, Styled Components, Redux, API data, HTML rendering with Markdown and adaptive layouts in React Native.
  • Meng To
React Native for Designers (
Feb 13, 2019
Learn to build an iOS and Android app from scratch. A 6-hour course teaching you custom animations, Styled Components, Redux, API data and adaptive layouts in React Native.
  • Meng To
React Native: The Big Picture (
Jan 20, 2019
In this course, you will learn about React Native, it's core features, and why you should choose this technology for your mobile development. Explore the diverse React Native ecosystem and what it has to offer to build cross-platform native apps.
  • Adhithi Ravichandran
Building a React Native App (
Sep 10, 2018
I'll be vlogging my experience of creating a brand new React Native app with Expo.
  • Harry Wolff
React Native Bootcamp (
Aug 07, 2018
Learn React Native with the free online Bootcamp
React Native: Getting Started (
Jun 19, 2018
This course teaches you how to use React Native components, debug, consume an HTTP API, and more
  • Hendrik Swanepoel
React Native Fundamentals (
Jun 17, 2018
This course will teach you the essentials of React Native including creating components, using props and state, and making use of data from remote sources
  • Reggie Dawson
Level 2 React Native with GraphQL (
Jan 31, 2018
Over 25 videos, this series will teach you more complex aspects of React Native while using a GraphQL API
React Native - The Practical Guide (
Dec 06, 2017
Use React Native and your React knowledge and take your web development skills to build native iOS and Android Apps.
React Native Fiber with Firebase (
Dec 05, 2017
Adding Firebase support to a React Native starter kit that I've built.
The Complete React Native and Redux Course (
Nov 14, 2017
iOS and Android App Development from scratch - build full React Native mobile apps ridiculously fast!
  • Stephen Grider
Master React Native Animations (
Aug 05, 2017
Simple, easy to follow, step-by-step lessons for every type of animation.
  • Jason Brown
Build a Twitter Clone with Apollo Graphql & React-Native (
Jul 18, 2017
The end product is to build a Twitter kind of clone where we have real time updates
  • Emanuel Quimper
React Native For Everyone (
Jun 05, 2017
Learn once, write anywhere: Build mobile apps with React Native
React Native: Advanced Concepts (
Apr 04, 2017
Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!
  • Stephen Grider
Build a React Native Todo Application (
Jan 13, 2017
In this course we’ll explore getting started with a basic React Native application on both iOS and Android.
  • Jason Brown
React Native (feat. Redux) (
Oct 27, 2016
By coding along with Scott in this course, you’ll be able to take the same skills you use on the web and use them to build cross-platform, native applications in JavaScript.
  • Scott Moss

Podcast Episodes

React Native vs Native Chicago Edition (
Aug 27, 2019
Don Moro, a Native developer, is being pushed by his company to cross-platform with React Native, he joins the podcast to ask the panel for advice.
  • Peter Piekarczyk
  • Don Moro
  • Rob Volk
Native Web Apps with Florian Rival (
Jul 16, 2019
Florian shares the high points of using React Native compared to other platforms. He discusses his game engine and getting it working in WebAssembly. The panel discusses Florian’s development journey and what it was like getting into web development.
  • Josh Justice
  • Charles Max Wood
  • Florian Rival
Performance with Anna Doubkova (
Jul 09, 2019
Anna Doubkova, a developer at Hive, shares her experience switching to React Native from React. Anna and Charles Max Wood discuss the reusability when moving from React to React Native.
  • Charles Max Wood
  • Anna Doubkova
React Native Animations feat. Catalin Miron (
Apr 30, 2019
In today’s episode of the React Native Radio Podcast, the panel talks with Catalin Miron who is currently working for Skype. Catalin uses React and React Native and talks with Nader Dabit about past and current projects.
React Native’s New Architecture with Parashuram (
Apr 30, 2019
Parashuram (aka Ram) and the panel compares various frameworks including the differences between React Native and NativeScript. Ram discusses what it’s like introducing react native to mobile teams which leads to a panel discussion of web app developer experience compared to mobile app developers.
  • Justin Bennett
  • Lucas Reis
  • Parashuram
React Native Open Source & the React Native Community feat. Christoph Nakazawa (
Apr 23, 2019
In today’s episode of the React Native Radio Podcast, the panel talks with Christoph Nakazawa who works through React Native and open source.
Fastlane + React Native feat. Eli Perkins (
Apr 15, 2019
In today’s episode of the React Native Radio Podcast, the panel talks with Eli Perkins. They discuss the ins-and-outs of Fastlane, how Fastlane can help you with your next project, how it’s open source, and much more!
Shipping Your React Native App to the Store feat. Ryan Stelly, Cindy Li, & Shyam Komirishetty (
Apr 06, 2019
In today’s episode of the React Native Radio Podcast, the panel talks about the process of shipping (in particular) your React Native App. Other topics that arise are Node tooling, Test Flight, Code Pusher, and more! Check it out!
MongoDB Atlas as a Managed Database for React Native feat. Michael Lynn and Drew Dipalma (
Mar 21, 2019
In today’s episode of the React Native Radio Podcast, the panel talks with Michael Lynn and Drew Dipalma about Mongo DB Stitch and Atlas. The panel and guests talk in-detail about the databases. Check out today’s episode to hear all the details!
React Native Rearchitecture with G2i Team (
Feb 22, 2019
Chris and Lee join the show to discuss the rearchitecture, including the engineering history of React, the technical debt within the React project, and the vision that the React team has for the future.
  • Chris Severns
  • Lee Johnson
React Native Testing feat. Josh Justice of Big Nerd Ranch (
Feb 21, 2019
In today’s episode of the React Native Radio podcast, the panel speaks with Josh Justice of Big Nerd Ranch. The discussion covers several main points on test such as, End to End Testing, Unit Testing, and Test Driven Development.
React Native at Expo feat. Evan Bacon (
Jan 13, 2019
In today’s episode of the React Native Radio Podcast, the panel talks with Christian and Eric about various topics; such as: Flow, Flutter, C, C++, React Native, React, React Navigation, and much more! Check out today’s episode to hear all of the details.
Reanimated, React Native Screens & More feat. Krzysztof Magiera of Software Mansion (
Oct 17, 2018
In today’s episode of the React Native Radio podcast, Nader Dabit, Peter Piekarczyk and Mike Grabowski speak with Krzysztof Magiera. Krzysztof talks about his recent libraries on Native Driver, Gesture Handler, Reanimated, React Native Screens. The panel and Krzysztof dive deep into Gesture Handler and give insight on the best use cases. This is a great episode to learn about Krzysztof and his most current company and projects.
React Native at Airbnb & Working at Tonal feat. Gabriel Peal (
Oct 08, 2018
In today's episode of React Native Radio, Nader Dabit, Peter Piekarczyk & Spencer Carli talk with Gabriel Peal. Gabriel is the author of the Medium blog post “Sunsetting React Native” & formally worked with React Native Android at Airbnb. Gabriel has worked with Android for 6 years at Google & Airbnb. Gabriel is on the show to talk about Flutter, React Native, & hist current work at Tonal.
Navigation++ feat. Eric Vicenti (
Sep 17, 2018
In this episode of React Native Radio, the panel talks to Eric Vicenti about React-navigation and more! He pays a lot of attention to navigation as well as what is blocking people from being able to build apps quickly, both in React Native and the web. They talk about the journey of creating React-navigation, the major changes to this library in the past few months, React Native gesture handler, and more!
React Native Firebase feat. Mike Diarmid & Elliot Hesp (
Sep 10, 2018
In this episode of React Native Radio, the panel talks to Elliot Hesp and Mike Diarmid, who are a part of the React Native Firebase team. They talk about what they do in their day jobs, how people used Firebase prior to the library being created, what Firebase is, and why you would want to use it. They also touch on types of applications you should and should not use with Firebase, their past experiences working on open source projects, how these past projects have impacted how they work on the React Native Firebase project, and more!
React Native at Product Hunt feat. Radoslav Stankov and Vlad Vladimirov (
Aug 23, 2018
In this episode of React Native Radio, the panel talks to Radoslav Stankov and Vlad Vladimirov, who are engineers at Product Hunt. They talk about why they came to Product Hunt, how the company works and collaborates remotely, and the general size and operation of Product Hunt. They also touch on the overview of the Product Hunt mobile app, the benefits and issues to using React Native to create the application, roadblocks and issues he ran into, and more!
2 Years of React Native at Artsy with Orta Therox (
Aug 21, 2018
In this episode, the React Round Up panelists talk to Orta Therox about his 2 years of experience with React Native at Artsy. They talk about the different popular blog posts about React Native, why his team decided to switch over to React Native, and the effects of team size on the success of the fit of React Native in each company’s app.
CUBS #5: React Native (
Jul 24, 2018
  • Una Kravets
  • Chris Dhanaraj
Native Modules with Florian Rival (
Nov 15, 2017


expo-cli (
Aug 06, 2019
Tools for making Expo apps
  • Ville Immonen
  • Jesse Ruder
  • Ben Roth
  • Brent Vatne
ignite-cli (
Aug 02, 2019
The hottest CLI for React Native, boilerplates, plugins, generators, and more!
  • Gant Laborde
  • Steve Kellock
  • Jamon Holmgren
reactxp (
Jul 27, 2019
ReactXP is a library for cross-platform app development using React and React Native.
react-native (
Jul 18, 2019
A framework for building native apps with React
  • Valentin Shergin
  • Pieter De Baets
  • Martin Konicek
  • David Aurelio
  • Spencer Ahrens
  • Facebook
expo (
Jun 21, 2019
The Expo platform for making cross-platform mobile apps
  • Evan Bacon
  • Ben Roth
  • Brent Vatne
  • Jesse Ruder
  • James Ide
  • Stanisław Chmiela
  • Eric Samelson
  • Tomasz Sapeta
react-native-vanilla (
May 04, 2019
Most fundamental multi-platform project template based on react native. Includes latest iOS, tvOS, Android, Android TV, Web, Tizen, LG webOS, macOS/OSX and Windows platforms.
  • Pavel Jacko
haul (
Mar 27, 2019
Haul is a command line tool for developing React Native apps, powered by Webpack
react-native-dom (
Jan 19, 2019
An experimental, comprehensive port of React Native to the web
  • Vincent Riemer
react-native-hooks (
Oct 31, 2018
React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components.
  • Melih Berberoglu