React Native

Build native mobile apps using JavaScript and React. More info

Articles & Tutorials

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
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

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

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 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