React Native

Build native mobile apps using JavaScript and React. More info

Articles & Tutorials

Technical Guide, Part 2: Integrating Hermes with React Native (callstack.com)
Jun 14, 2021
The latest React Native 0.64 release adds support for the Hermes engine on iOS, and this is a direct result of our intensive work with teams at Facebook and Microsoft.
  • Mike Grabowski
A guide to Flexbox properties in React Native (blog.logrocket.com)
Jun 11, 2021
In React Native, this is the default way to build layouts. It works wonderfully for mobile development because it allows us to build layouts that fit multiple screen sizes, thanks to responsive design.
  • Spencer Carli
How to implement AdMob in React Native with Firebase (blog.logrocket.com)
Jun 10, 2021
In this tutorial, I’ll show you how to generate extra income through ads by implementing Google AdMob in React Native.
  • Emmanuel Etukudo
Implementing swiper components in React Native (blog.logrocket.com)
Jun 09, 2021
In this tutorial, we’ll build five different React Native swiper components for various use cases using Expo.
  • Clayton Francis
Comparing React Native analytics tools (blog.logrocket.com)
Jun 08, 2021
In this post, we will explore the advantages of each tool and how they help developers navigate and utilize analytics within React Native.
  • Said Hayani
Displaying images with the React Native Image component (blog.logrocket.com)
Jun 08, 2021
In this article, we’ll dive into the basics of the React Native Image component, discuss the types and props available, and cover its limitations and alternatives.
  • Temiloluwa Ojo
Top React Native boilerplates for 2021 (blog.logrocket.com)
May 06, 2021
If you’re familiar with React Native, you know that starting a project from scratch can be a very tedious, repetitive, and time-consuming process. For that reason, in this article, we will take a look at some of the most popular React Native boilerplates that will help you start a project much faster.
  • Carlos Mucuho
Using FaceID and TouchID in React Native and Expo (blog.logrocket.com)
Apr 29, 2021
In this biometric authentication tutorial, we’ll show you how to authenticate users with Face ID and Touch ID in a bare-bones React Native and Expo app.
  • Ejiro Asiuwhu
Building a reusable auth flow in React Native (blog.logrocket.com)
Apr 29, 2021
Getting the authentication flow right when starting a new app development project saves an enormous amount of time down the road. To that end, today, we’ll learn how to create a reusable auth flow in React Native.
  • Mukesh Mandiwal
Using Material UI in React Native (blog.logrocket.com)
Apr 26, 2021
The heavy hitter of Material Design component libraries on React Native is react-native-paper, and this guide will focus on using react-native-paper to set up a starter app with the some of the most prominent and recognizable Material Design features: Hamburger Menu, Drawer Navigation, FAB (Floating Action Button), and Contextual Action Bar.
  • Farhan Kathawala
Getting started with Hermes in React Native (blog.logrocket.com)
Apr 19, 2021
The release of React Native 0.64 introduced full opt-in support for Hermes on iOS. This promises to be a major shift in the React Native mobile app development ecosystem.
  • Emmanuel Etukudo
Hands-on with React Native for Web: A complete tutorial (blog.logrocket.com)
Mar 31, 2021
In this article, we will talk about the buzz around React Native for Web and set up a demo project with it, too!
  • Kumar Harsh
How to debug encrypted network traffic in React Native (blog.logrocket.com)
Mar 29, 2021
This article covers additional tools for React Native that enable debugging capabilities the shipped React Native Developer Tools don’t offer. The focus is on inspecting and rewriting network traffic between your app and server.
  • Sebastian Weber
Implementing in-app purchases in React Native (blog.logrocket.com)
Mar 29, 2021
In this tutorial, we’ll look at how we can implement in-app purchases in React Native. Aside from the frontend, we’re also going to implement the backend so that we can verify the purchases and update user data accordingly.
  • Wern Ancheta
How to Design an iMessage-like Chat Bubble in React Native (freecodecamp.org)
Mar 24, 2021
Whether you're an Apple fan or not, you'll likely agree that Apple sure does have a groundbreaking UI. And iMessage is definitely an important part of that design.
  • Prajwal Kulkarni
Continuous deployment of React Native app with Azure DevOps (blog.logrocket.com)
Mar 24, 2021
In React Native, you have to typically deploy apps on two platforms: Android and iOS. Both platforms use different languages and build tools. In this tutorial, we will build a continuous deployment pipeline of a React Native app on App Center via Azure DevOps.
  • Huzaima Khan
Comparing React Native UI libraries (blog.logrocket.com)
Mar 22, 2021
In this guide, we’ll compare 10 of the most-used UI libraries for React Native.
  • Said Hayani
Building a splash screen in React Native (blog.logrocket.com)
Mar 16, 2021
In this tutorial, we’ll demonstrate how to build and show a splash screen in React Native. We’ll walk you through how to build stunning welcome displays for both iOS and Android apps using react-native-splash-screen.
  • Emmanuel Etukudo
Using React Native Elements, a cross-platform UI toolkit (blog.logrocket.com)
Mar 16, 2021
In this tutorial, we’ll go over the basics of using React Native Elements.
  • Clayton Francis
Guide to unit testing in React Native (blog.logrocket.com)
Mar 15, 2021
React Native is among the most commonly used libraries for building mobile apps today. In this guide, we will explore unit testing in React Native applications, covering benefits, best practices, testing frameworks, and more.
  • Chidume Nnamdi
React Native styling tutorial with examples (blog.logrocket.com)
Mar 11, 2021
In this tutorial, we’ll show you how to style components in React Native. We’ll demonstrate how styling in React Native works by building an example e-commerce mobile application.
  • Emmanuel Etukudo
React Native geolocation: A complete tutorial (blog.logrocket.com)
Jan 15, 2021
In this tutorial, we’ll show you how to implement geolocation in React Native. We’ll build an example app in React Native that displays the user’s location on a map in longitude and latitude coordinates and enables the user to send their location to another source, such as Twitter.
  • Emmanuel Oaikhenan
How to create and send push notifications in React Native (blog.logrocket.com)
Nov 06, 2020
Push notifications — messages from apps that are sent to users who have installed the app — have become an important aspect to consider when building applications for businesses and users.
  • Fortune Ikechi
Build a fully offline app using React Native and WatermelonDB (blog.logrocket.com)
Oct 27, 2020
In this post, I will walk you through building a React Native app that lets the user track their weight and, over time, visualize the stored data on demand. All that with no need to connect to the big bad internet!
  • Foysal Ahamed
How to use styled-components with React Native (blog.logrocket.com)
Oct 27, 2020
In this tutorial, let’s discuss what advantages a library like styled-components has over the general StyleSheet manager in React Native.
  • Aman Mittal
Testing React Native Apps In the Cloud Part 1 (callstack.com)
Oct 22, 2020
A quick guide on how to test React Native apps in the cloud instead of using testing devices.
  • Mike Grabowski
How to Create a Camera App with Expo and React Native (freecodecamp.org)
Oct 20, 2020
In this tutorial, we will be building a simple camera app in which the user can take pictures, see previews of their pictures, use flash mode, and switch between the front and the back cameras.
  • Said Hayani
Monetizing your React Native app with Stripe (blog.logrocket.com)
Oct 16, 2020
Build a complete, fully functioning app with Expo, UI Kitten, Stripe, and AdonisJs
  • Foysal Ahamed
Unit Testing In React Native Applications (smashingmagazine.com)
Sep 29, 2020
Unit testing has become an integral part of the software development process. It is the level of testing at which the components of the software are tested. In this tutorial, you’ll learn how to test units of a React Native application.
  • Fortune Ikechi
React Native form validations with Formik and Yup (blog.logrocket.com)
Sep 17, 2020
In this post, we are going to go through creating a few forms using Formik. Formik is a simple React/React Native form library that helps with handling form state, input validation, formatting, error handling, form submission, amongst other things.
  • Kitavi Joseph
Share Code Between React Native and React JS (blog.bitsrc.io)
Sep 14, 2020
How To Share Code Between React Native And React JS
  • Rooney Reeves
How to use Expo with React Native (robinwieruch.de)
Aug 05, 2020
Expo is a powerful environment for React Native which helps you from creation to distribution of your React Native apps. Without the need to directly use XCode (iOS) or Android Studio, Expo allows you to see your work in progress apps on a phone, emulator, or browser.
From Enzyme to React Native Testing Library: How I Changed My Way of Unit Testing (callstack.com)
Jul 08, 2020
How I went from Enzyme to React Native Testing Library and made my unit test more effective and closer to what the users can interact with.
  • Ferran Negre
The Expo SDK 39 Roadmap (blog.expo.io)
Jul 05, 2020
After releasing SDK 38 about a week ago and following up on some loose ends, the Expo team is starting to work on SDK 39. Our top priorities for SDK 39 are: support for iOS 14, fixing bugs, the Updates and Splash Screen modules, and internal refactoring.
  • James Ide
Create an Animated Product Review Display with React Native (codedaily.io)
Jun 24, 2020
Building reviews into an application is a common necessity for any developer. This is a design that can be added to both web and or native.
  • Jason Brown
How to use the FlatList component in React (blog.logrocket.com)
Jun 22, 2020
The FlatList Component is among the simplest and most-used React Native components. If you are just starting out with React Native, you must get a gist of the FlatList Component and understand its purpose.
  • Gaurav Singhal
Understanding React Native linear gradient (blog.logrocket.com)
Jun 10, 2020
Gradients come in handy when trying to create multi-color backgrounds or custom buttons. We'll look at how to add linear gradients to our React Native apps.
  • Kitavi Joseph
How to Publish React Native Components for Reuse (blog.bitsrc.io)
Jun 04, 2020
Publishing and reusing React Native components across applications with Bit.
  • Josh Kuttler
How to Build a React Native App and Integrate It with Firebase (freecodecamp.org)
Jun 01, 2020
In this tutorial, we are going to build a React Native app that is integrated with a Firebase backend. The app will support both the React Native CLI as well as Expo CLI.
  • Florian Marcu
React Native Testing Library 2.0 – What’s New? (callstack.com)
May 28, 2020
We are happy to announce the release of version 2.0 of React Native Testing Library. For the last couple of weeks, we’ve been working really hard to bring you useful new features and to polish our APIs and their documentation, as well as improve compatibility with other Testing Library implementations.
  • Michał Pierzchała
The top 6 animation libraries in React Native (blog.logrocket.com)
May 26, 2020
In this post, we are going to cover a list of open-source animations libraries that work with React Native and you might consider trying some of them for your next app to accelerate development time.
  • Aman Mittal
React Native Accessibility: What, Why, and How? (callstack.com)
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) (smashingmagazine.com)
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`? (callstack.com)
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 (blog.logrocket.com)
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 (callstack.com)
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 (callstack.com)
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? (callstack.com)
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 (callstack.com)
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 (callstack.com)
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 (callstack.com)
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 (freecodecamp.org)
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 (blog.logrocket.com)
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 (itnext.io)
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 (medium.com)
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 (callstack.com)
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 (callstack.com)
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? (callstack.com)
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 (blog.logrocket.com)
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 (blog.logrocket.com)
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 (sitepen.com)
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 (itnext.io)
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 (saidhayani.com)
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 (blog.bitsrc.io)
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 (blog.bitsrc.io)
Mar 09, 2020
My top reasons for choosing React Native
  • Sonny Recio
React Native component libraries you should know in 2020 (blog.logrocket.com)
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 (blog.bitsrc.io)
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? (callstack.com)
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? (callstack.com)
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 (blog.logrocket.com)
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 (alligator.io)
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
How to handle navigation with WebViews in a React Native app (heartbeat.fritz.ai)
Feb 07, 2020
In this tutorial, you’re going to learn how to create a simple WebView component using the react-native-webview npm module. You’ll also learn how to add custom navigation to handle URL history (just like in a web browser) using props provided by this module.
  • Aman Mittal
The complete guide to React Native WebView (blog.logrocket.com)
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 (itnext.io)
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 (alligator.io)
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 (blog.logrocket.com)
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 (alligator.io)
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 (blog.bitsrc.io)
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 (francesco.space)
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 (blog.logrocket.com)
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 (codeburst.io)
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 (blog.logrocket.com)
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 (newline.co)
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 (blog.bitsrc.io)
Dec 16, 2019
Replacing the Gesture Responder System with the Gesture Handler.
  • Sayid Hayani
Micro animations to the rescue (react.christmas)
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 (react.christmas)
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 (blog.jscrambler.com)
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 (blog.logrocket.com)
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 (alligator.io)
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 (itnext.io)
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 (sitepoint.com)
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 (blog.discordapp.com)
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 (sitepoint.com)
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 (blog.logrocket.com)
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 (sitepoint.com)
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 (scotch.io)
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 (djangostars.com)
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 (blog.logrocket.com)
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 (sitepoint.com)
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 (sitepoint.com)
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! (blog.expo.io)
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 (sitepoint.com)
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 (itnext.io)
Sep 17, 2019
Front end vs mobile development — what you need to know to change your mindset.
  • Panagiotis Vrs
Announcing React Navigation 5.0 (blog.expo.io)
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 (medium.com)
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 (blog.expo.io)
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 (blog.logrocket.com)
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 (sitepoint.com)
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 (blog.logrocket.com)
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 (blog.logrocket.com)
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 (swyx.io)
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 (medium.com)
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 (dev.to)
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? (blog.bitsrc.io)
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 (codeburst.io)
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 (youtube.com)
Aug 26, 2019
Building minesweeper in react native in less than 50 minutes.
  • Tamas Szikszai
Getting Started with React Native (sitepoint.com)
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 (medium.com)
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 (blog.expo.io)
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 (blog.expo.io)
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 (blog.usejournal.com)
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 (code.tutsplus.com)
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 (blog.bitsrc.io)
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 (blog.bitsrc.io)
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 (blog.expo.io)
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 (code.fb.com)
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 (facebook.github.io)
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 (blog.logrocket.com)
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 (codeburst.io)
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 (hackernoon.com)
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 (hackernoon.com)
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 (blog.bitsrc.io)
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 (medium.freecodecamp.org)
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 (toptal.com)
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 (blog.bitsrc.io)
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 (blog.bitsrc.io)
Mar 14, 2019
Explore the best ways to style a React Native application.
  • Said Hayani
Untangling React Native WebView (codeburst.io)
Mar 07, 2019
Turns out that React Native’s WebView has some challenges.
  • John Tucker
React Native Open Source Update March 2019 (facebook.github.io)
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 (medium.freecodecamp.org)
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 (blog.expo.io)
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 (medium.freecodecamp.org)
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 (scotch.io)
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? (hackernoon.com)
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 (facebook.github.io)
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 (blog.usejournal.com)
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 (medium.freecodecamp.org)
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 (medium.freecodecamp.org)
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 (medium.freecodecamp.org)
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 (medium.freecodecamp.org)
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 (djamware.com)
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 (medium.freecodecamp.org)
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 (medium.freecodecamp.org)
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 (toptal.com)
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 (medium.freecodecamp.org)
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 (codeburst.io)
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 (medium.com)
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 (alligator.io)
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 (blog.swmansion.com)
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 (blog.expo.io)
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? (x-team.com)
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 (blog.g2i.co)
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 (daveceddia.com)
Jun 07, 2018
Taking a Picture Every 30 Seconds and Sending It To A Server.
Building Mobile Apps Using React Native And WordPress (smashingmagazine.com)
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 (facebook.github.io)
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 (smashingmagazine.com)
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? (levelup.gitconnected.com)
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 (medium.com)
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 (medium.freecodecamp.org)
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 (hackernoon.com)
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 (medium.com)
Dec 20, 2017
Mega-post with everything I learned + lots of code examples.
  • David Mieloch
Debugging React Native and Redux with React Native Debugger (blog.reactnativecoach.com)
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 (medium.com)
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 (medium.com)
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 (pillow.codes)
Sep 08, 2017
Writing unit & end-to-end tests to ship your mobile app with confidence.
  • Monte Thakkar
React-Native: Debugging like a God (medium.com)
Sep 06, 2017
Let’s talk about debugging and performance measurement.
  • Shahen Hovhannisyan
React Native UI Toolkit Roundup (alligator.io)
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? (smashingmagazine.com)
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 (hackernoon.com)
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 (instagram-engineering.com)
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 (smashingmagazine.com)
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 (smashingmagazine.com)
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) (smashingmagazine.com)
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 Unsplash.it 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) (smashingmagazine.com)
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

Introduction to Hermes Engine (youtube.com)
Jun 08, 2021
React Native 0.64 comes with support In the first part of our podcast episode, Mike Grabowski and his guests: Eloy Durán and Xuan Huang, introduce the Hermes engine and discuss its biggest selling points.
  • Mike Grabowski
  • Eloy Durán
  • Xuan Huang
Medium mobile article - Sticky footer - React Native with Animated API (youtube.com)
Jan 23, 2021
In this video tutorial we will re-create Medium's mobile app article sticky footer, using ScrollView and Animated API from React Native.
  • Catalin Miron
React Native Scroll Item animation effect - FlatList and Animated API (youtube.com)
Jan 20, 2021
In this video tutorial we will create an amazing scrolling animation/effect that you can apply to the items from a FlatList, ScrollView, SectionList and Animated API from React Native.
  • Catalin Miron
AWESOME React Native carousel animation 60fps - FlatList and Animated API (youtube.com)
Jan 12, 2021
In this video tutorial we will create a beautiful animated carousel in React Native using FlatList and Animated API.
  • Catalin Miron
Advanced 3D Carousel Animation in React Native using FlatList & Animated API (youtube.com)
Jan 06, 2021
In this video tutorial we will create an advanced 3D carousel in React Native, using FlatList and Animated API from React Native.
  • Catalin Miron
React Native Countdown Timer Animation with FlatList and Animated API (youtube.com)
Dec 02, 2020
In this video tutorial you'll learn how to create a Countdown timer in React Native using FlatList and Animated API (Animated.parallel and Animated.sequence) from React Native.
  • Catalin Miron
Advanced React Native Parallax Carousel with FlatList and Animated API (youtube.com)
Nov 25, 2020
In this video tutorial you'll learn how to create an Advanced React Native Parallax Carousel using FlatList and Animated API from React Native.
  • Catalin Miron
Advanced FlatList Carousel Animation in React Native using Animated.API (youtube.com)
Nov 18, 2020
In this video tutorial you'll learn how to create an Advanced React Native Carousel using FlatList and Animated API from React Native.
  • Catalin Miron
Animated Progress Bar Indicator in React Native using Animated API and onLayout (youtube.com)
Nov 11, 2020
In this video tutorial you'll learn how to create a reusable Animated Progress indicator bar component in React Native using React Native Animated API and React Native onLayout.
  • Catalin Miron
React Native Shared Element Transition React Navigation V5 (youtube.com)
Oct 20, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create a photography carousel animation using React Native Animated API and FlatList.
  • Catalin Miron
React Native Shared Element Transition React Navigation V5 - Episode 2 (youtube.com)
Sep 16, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create a parallax carousel animation using React Native Animated API and FlatList.
  • Catalin Miron
Fluid Body Animation (youtube.com)
Sep 15, 2020
Fluid body animation using Bézier Curves and Reanimated 2.
React Native Shared Element Transition in React Navigation V5 (youtube.com)
Sep 09, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create an advanced carousel animation using React Native Animated API.
  • Catalin Miron
React Native Animated Donut Chart with React Native SVG and Animated API (youtube.com)
Sep 02, 2020
In this video tutorial you'll learn how to create an animated donut chart component in React Native using React Native Animated API and React Native SVG.
  • Catalin Miron
Wave Animation (youtube.com)
Sep 01, 2020
Building a wave animation using Bézier Curves.
React Native Advanced Carousel Animations (youtube.com)
Aug 26, 2020
Learn how to create a custom carousel animation using.
  • Catalin Miron
Advanced React Native Animated FlatList Picker - Synchronised FlatLists (youtube.com)
Aug 19, 2020
In this tutorial I'm going to teach you how to synchronise two different FlatList and how to create a picker animation in React Native. This is a performant react native FlatList animation that will work on both iOS and Android at 60fps and there's no need for a Masked View to create this type of animation.
  • Catalin Miron
Measures with Reanimated 2 (youtube.com)
Aug 18, 2020
In this video, we are looking a making animations via the dbrand.com color selection.
Advanced React Native FlatList stack carousel animations at 60fps (youtube.com)
Aug 12, 2020
In this tutorial we are going to create a stack carousel animation in React Native using FlatList, Animated API and FlingGestureHandler from react-native-gesture-handler package.
  • Catalin Miron
Masking Animations with React Native (youtube.com)
Aug 11, 2020
In this video, we are looking a making animations via the dbrand.com color selection.
Integrate Custom Drawer animation component in React Navigation v5 (youtube.com)
Jul 31, 2020
In this tutorial we will build a custom drawer in React Native using SVG, Masked View and vanilla Animated API from React Native. We will go through how to animate a Polygon in React Native, how to animate the inner content of the drawer and how the React Native MaskedView is working.
  • Catalin Miron
Cards — React Native Fashion (youtube.com)
Jul 31, 2020
In this series, we are building a React Native App from 0 to 1.
Drawer — React Native Fashion (youtube.com)
Jul 30, 2020
In this series, we are building a React Native App from 0 to 1.
Nested Navigator — React Native Fashion (youtube.com)
Jul 29, 2020
In this series, we are building a React Native App from 0 to 1.
Custom React Native Drawer animation with SVG and Masked View (youtube.com)
Jul 29, 2020
In this tutorial we will build a custom drawer in React Native using SVG, Masked View and vanilla Animated API from React Native. We will go through how to animate a Polygon in React Native, how to animate the inner content of the drawer and how the React Native MaskedView is working.
  • Catalin Miron
React Native Charts with Reanimated 2 (youtube.com)
Jul 28, 2020
In this video, we are building an interactive Graph with Reanimated 2.
Forgot Password — React Native Fashion (youtube.com)
Jul 24, 2020
In this series, we are building a React Native App from 0 to 1.
SignUp — React Native Fashion (youtube.com)
Jul 23, 2020
In this series, we are building a React Native App from 0 to 1.
Formik — React Native Fashion (youtube.com)
Jul 22, 2020
In this series, we are building a React Native App from 0 to 1.
iOS-Style Picker with React Native (youtube.com)
Jul 21, 2020
In this video, we are building the iOS-Style Picker with React Native Gesture Handler and Reanimated.
Text Inputs — React Native Fashion (youtube.com)
Jul 17, 2020
In this series, we are building a React Native App from 0 to 1.
Easy React Native Accordion Menu with Reanimated Transition API (youtube.com)
Jul 17, 2020
In this video tutorial we'll learn how to create an accordion animation in React Native using Transition API from React Native Reanimated library and flexbox styling without the need of layout measurements, just pure flexbox and Transition API from react native reanimated library.
  • Catalin Miron
Login — React Native Fashion (youtube.com)
Jul 16, 2020
In this series, we are building a React Native App from 0 to 1.
Mind blowing animation in React Native and Expo with Animated API (youtube.com)
Jul 15, 2020
In this video tutorial we'll learn how to create this mind blowing animation in React Native using perspective, scale and rotation and vanilla Animated Api from React Native. This is working cross platform thanks to expo, in other words you can use it either on web or in your React Native projects.
  • Catalin Miron
Restyle - React Native Fashion (youtube.com)
Jul 10, 2020
In this series, we are building a React Native App from 0 to 1.
Slider - React Native Fashion (youtube.com)
Jul 09, 2020
In this series, we are building a React Native App from 0 to 1.
Boilerplate - React Native Fashion (youtube.com)
Jul 08, 2020
In this series, we are building a React Native App from 0 to 1.
Ripple Effect with React Native (youtube.com)
Jun 30, 2020
In this video, we are building the Android Ripple Effect with React Native Gesture Handler and Reanimated
Beautiful Trigonometry - React Native (youtube.com)
Jun 23, 2020
In this video, we are building some of the animations from the Beautiful Trigonometry from Numberphile.
Uber Swipe to Delete - “Can it be done in React Native?” (youtube.com)
Jun 16, 2020
In this video, we are looking at the Uber Eats Swipe to Delete user interaction.
Reanimated 2 Transitions (youtube.com)
Jun 09, 2020
In this video, we look at transitions with Reanimated 2.
Learn React Native Gestures and Animations (youtube.com)
Jun 05, 2020
In this React Native course, you will learn how to add declarative gestures and animations to your React Native projects.
The 5-min Reanimated Worklet (youtube.com)
Jun 02, 2020
In this video, we get to know animation worklets from Reanimated 2.
WhatsApp Photos - “Can it be done in React Native?” (youtube.com)
May 19, 2020
In this video, we are looking at the WhatsApp Photos user-interaction.
The 10-min React Native Wallet Animation (youtube.com)
May 15, 2020
In this video, we build an animation provided to use by the amazing Mengo To from https://designcode.io
The 10-min React Native Swipe (youtube.com)
May 12, 2020
In this video, we build a swiper with React Native.
Making a 3D Engine with React Native (youtube.com)
May 06, 2020
In this video, we build a baby 3d engine with React Native.
The 10-min React Native Skew & Tween Transforms (youtube.com)
May 05, 2020
In this video, we showcase the decompose2d and tween function from redash.
The 5-min Rotation Gesture (+ 5-min Bonus) (youtube.com)
Apr 28, 2020
In this video, we use the RotationGestureHandler for the first time.
React Native & D3: Japanese Candlestick Chart (youtube.com)
Apr 09, 2020
In this clip, we build a simple D3 Candlestick chart using D3.
React Native Pinch Gesture (youtube.com)
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?” (youtube.com)
Mar 31, 2020
In this video, we are looking at the Instagram pinch-to-zoom effect.
The Heart of React Native Transform (youtube.com)
Mar 24, 2020
In today's video, we will be looking at React Native transforms.
React Native Long Press Animation Challenge (youtube.com)
Mar 17, 2020
In today's video, we will be looking to implement in React Native the animation challenge.
React Native 3D Animations Challenge (youtube.com)
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 (youtube.com)
Mar 03, 2020
In today's video, we will be looking to implement in React Native the following animation challenge.
React Navigation v5 Tutorial (youtube.com)
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?” (youtube.com)
Feb 18, 2020
In this video, we are building the Airbnb Shared Element Transition.
Build a Brain Computer App with React Native (youtube.com)
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 (youtube.com)
Feb 13, 2020
In this video, we are looking at React Native pixel rounding.
Why React Native is NOT garbage. (youtube.com)
Feb 06, 2020
I respond to a video TechLead made and make the case in favor of React Native.
React Native Crash Course 2020 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
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?” (youtube.com)
Dec 23, 2019
In this video, we are building the Uber Eats sticky header.
React Navigation 5 | What's new ? (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
Oct 22, 2019
In this video, we are building the Google Chrome Tab ordering feature.
How to Share Code Between React and React Native (youtube.com)
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 (youtube.com)
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 (youtube.com)
Oct 10, 2019
  • Eli White
  • Ferran Negre Pizzaro
  • Dulmandakh Sukhbaatar
  • Emily Janzer
  • Pariss Chandler
Liquid Swipe - “Can it be done in React Native?” (youtube.com)
Oct 08, 2019
In this video, we are building the Liquid Swipe example from Cuberto.
Giving voice an action in React and React Native (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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) (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
Aug 13, 2019
You'll learn how to create the header animation similar to the Airbnb App.
  • Varun Nath
Expo for Everyone (youtube.com)
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 & Appetize.io (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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? (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
Jul 30, 2019
I talk about the drag and drop list I created with Reanimated and RecyclerListView.
The 5 minutes React Native Tap Gesture (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
Jul 25, 2019
Learn how to code a drag and drop flatlist in React Native.
The 5 minutes React Native Animation Loop (youtube.com)
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?” (youtube.com)
Jul 16, 2019
In this video, we are building the BBC iPlayer using React Native.
React Native CLI - A Community Takeover (youtube.com)
Jul 15, 2019
Talk at React Native Wrocław Meetup
  • Michał Pierzchała
React Native, Your UX Superhero (youtube.com)
Jul 15, 2019
Talk at React Native Wrocław Meetup
  • Noemi Rozpara
Practical Performance for React (Native) (youtube.com)
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 (youtube.com)
Jul 04, 2019
In this video, we are a simple animation using React Native.
Web Delivery Experience for React Native (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
May 30, 2019
Writing truly universal code and deploying it everywhere.
Magic Move transitions in React-native (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
May 03, 2019
In this talk I will give real examples from my work with made.com, 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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
Apr 25, 2019
In this video, we are looking at the Apple Bedtime feature.
React Native App Rollout—an Alternative Approach (youtube.com)
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 (youtube.com)
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 (youtube.com)
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) (youtube.com)
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 (youtube.com)
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?” (youtube.com)
Apr 20, 2019
In this video, we are looking at the Learnji app.
Clear Todos Pinching - “Can it be done in React Native?” (youtube.com)
Apr 08, 2019
In this video, we are looking at the Google Chrome refresh effect.
The 5 minutes React Native 3D Animation (youtube.com)
Mar 28, 2019
In this video, we are building a 3D animation in 5 minute using React Native.
Tabbar Animation Challenge (youtube.com)
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 (youtube.com)
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 (youtube.com)
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?” (youtube.com)
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 (youtube.com)
Feb 16, 2019
Learn how to setup React Native to work with React Hooks.
Bootstrapping a React Native Project in 2019 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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? (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
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 (youtube.com)
Jun 08, 2018
Learn how to setup a React Native application with Typescript.
JavaScript Futurism (youtube.com)
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

React Native Express (reactnative.express)
Sep 01, 2020
The all-in-one guide to React Native
  • Devin Abbott
The Ultimate Guide to React Native Optimization (callstack.com)
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 (sitepoint.com)
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 (manning.com)Get 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 (packtpub.com)Get 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 (packtpub.com)Get 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 (reactnative.guide)
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 (shop.oreilly.com)Get 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 (frontendmasters.com)
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 (start-react-native.dev)
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 (designcode.io)
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 (designcode.io)
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 (pluralsight.com)
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 (youtube.com)
Sep 10, 2018
I'll be vlogging my experience of creating a brand new React Native app with Expo.
  • Harry Wolff
React Native Bootcamp (youtube.com)
Aug 07, 2018
Learn React Native with the free online Bootcamp
React Native: Getting Started (pluralsight.com)
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 (pluralsight.com)
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 (leveluptutorials.com)
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 (udemy.com)
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 (youtube.com)
Dec 05, 2017
Adding Firebase support to a React Native starter kit that I've built.
The Complete React Native and Redux Course (udemy.com)
Nov 14, 2017
iOS and Android App Development from scratch - build full React Native mobile apps ridiculously fast!
  • Stephen Grider
Master React Native Animations (reactnativeanimations.com)
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 (youtube.com)
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 (leveluptutorials.com)
Jun 05, 2017
Learn once, write anywhere: Build mobile apps with React Native
React Native: Advanced Concepts (udemy.com)
Apr 04, 2017
Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!
  • Stephen Grider
Build a React Native Todo Application (egghead.io)
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) (frontendmasters.com)
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

Eli White on Principles and React Native (reactpodcast.com)
Oct 22, 2020
Eli White shares the five core principles guiding React Native devolvement: native experience, at massive scale, fueling developer velocity, on every platform, with declarative ui.
Kadi Kraman — React Native, leading teams, and consulting for major companies (anchor.fm)
Aug 09, 2020
Kadi talks to me about her React Native course on Frontend Masters, and her career as an engineer. Kadi is a senior engineer and engineering manager at Formidable Labs.
  • Kadi Kraman
  • Matthew Weeks
React Native vs Native Chicago Edition (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (softwareengineeringdaily.com)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (devchat.tv)
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 (spec.fm)
Jul 24, 2018
  • Una Kravets
  • Chris Dhanaraj
Native Modules with Florian Rival (devchat.tv)
Nov 15, 2017

Libraries

expo-cli (docs.expo.io)387
v3.0.9
Aug 06, 2019
Tools for making Expo apps
  • Ville Immonen
  • Jesse Ruder
  • Ben Roth
  • Brent Vatne
ignite-cli (infinite.red)9420
v3.1.6
Aug 02, 2019
The hottest CLI for React Native, boilerplates, plugins, generators, and more!
  • Gant Laborde
  • Steve Kellock
  • Jamon Holmgren
reactxp (microsoft.github.io)7589
v2.0.0-rc.1
Jul 27, 2019
ReactXP is a library for cross-platform app development using React and React Native.
react-native (facebook.github.io)75127
v0.60.4
Jul 18, 2019
A framework for building native apps with React
  • Valentin Shergin
  • Pieter De Baets
  • Martin Konicek
  • David Aurelio
  • Spencer Ahrens
  • Facebook
expo (docs.expo.io)5659
v33.0.7
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 (github.com)170
v0.20.5
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 (callstack.github.io)2846
v1.0.0-rc.15
Mar 27, 2019
Haul is a command line tool for developing React Native apps, powered by Webpack
react-native-dom (rntester.now.sh)3035
v0.5.0
Jan 19, 2019
An experimental, comprehensive port of React Native to the web
  • Vincent Riemer
react-native-hooks (github.com)941
v0.0.6
Oct 31, 2018
React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components.
  • Melih Berberoglu