Mobile Development With React

Articles & Tutorials

Building a full mobile app with TypeScript, Ionic, React, and MobX (blog.logrocket.com)
Dec 18, 2019
In this post, I will walk you through building a mood tracker app with TypeScript, Ionic, React, and MobX. We will then make it publicly accessible by deploying the app on Netlify.
  • Foysal Ahamed
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
Building Mobile Apps With Ionic And React (smashingmagazine.com)
Aug 07, 2019
React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, we’ll be using Ionic and React to build a mobile app from scratch.
  • Ahmed Bouchefra
ReactXP: Building Cross Platform Apps (alligator.io)
Mar 05, 2019
Building cross platform applications with React isn’t a new thing. Many companies have used (and still are using) React Native for mobile-first projects today. ReactXP looks to take this further by seeking to reuse the view-layer across multiple platforms, something that React Native doesn’t achieve out of the box.
  • Paul Halliday
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
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
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
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!
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
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
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
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
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
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
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

Boilerplate - React Native Fashion (youtube.com)
Jul 08, 2020
In this series, we are building a React Native App from 0 to 1.
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á
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
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

Books & Guides

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

How to Save the Web with Expo's Brent Vatne (undefined.fm)
May 04, 2019
Brent Vatne is a Software Engineer at Expo. He joins hosts Jared Palmer and Ken Wheeler on The Undefined to talk about the future of the web, native development, and more.
Expo with Adam Perry (devchat.tv)
May 30, 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
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