25 React Native Tutorials

Learn React Native by exploring these 25 tutorials.

Brandon Morelli

8 min read

·

Mar 5, 2018

--

7

Listen

Share

Press enter or click to view image in full size

This article highlights 25 React Native tutorials written by CodeBurst authors. Whether you’re brand new to React Native, or an experienced developer, there’s something here for everyone.

Table Of Contents (Clickable)

1. Courses (The best way to learn React Native!)
2. General Information
3. Performance
4. Animations
5. Tutorials

React Native Courses

Ready to learn React Native? Check out these trending courses. Disclosure: I write reviews and receive compensation from the companies I review.

The Complete React Native and Redux Course

4.6/5 Star Rating — 56,700 Students — 17 Hours of Video

Learn iOS and Android App Development from scratch and build full React Native mobile apps!

React Native: Advanced Concepts

4.7 / 5 Stars || 17 Hours of Video || 16,000 Students

Master the advanced topics of React Native: Animations, Maps, Notifications, Navigation and More!

Master React Native Animations

4.8 / 5 Stars || 7 Hours of Video || 500 Students

Simple, easy to follow, step-by-step lessons for every type of animation

General Information

React Native — How Native Have You Been?

A comprehensive comparison of React Native vs Android and iOS. By

React Native vs Real Native Apps

React vs. Swift. Learn the practical differences between the two, including CPU, GPU, and memory consumption. By

Untangling React Native Development

I had heard about React Native for some time but did not have a justifiable reason to use it until recently… By

React Native Quirks

Stuff Martin wishes people had told him before he started working with React Native. By:

React Native Debugging Tools

This article introduces how to debug code (logic) and GUI of React Native apps. By:

How to setup a React Native + GraphQL + Relay Modern

How to create a React Native development environment using Relay and GraphQL.

Performance

6 Simple ways to speed up your react native app.

Six things you can do to maintain a higher FPS while working with react or react native. By

A Quick Performance Comparison of Styled-Components vs Inline Styles in React Native

Exploring performance differences between styled-components and inline styles in React Native. By:

A visual guide to React Native Performance: Issues and resolving Insights

We ran some tests on 20+ applications built with React Native, and handpicked some common performance issues that you must know. By:

Animations

Build a Map with Custom Animated Markers in React Native

An in-depth tutorial on how to work with maps and custom animations in React Native. By

Horizontal scroll animations in React Native

Link <Animated> with <ScrollView> to create a nice navigation UI animation in React Native. By:

Animating React Components with CSS and Styled-Components

There are a lot of great resources on how to create animations with CSS and there are a lot of great resources on how to do styling in React. This resource shows you how to do them both together. By:

Developing Multi-Slider-Switch in React Native

Learn how to design and develop a functional component with 60 fps animations. By

Tutorials

Getting Started with Expo React Native and Styled Components using a Netflix Clone example

Learn how to use React Navigation & Expo while building a Netflix Clone. By:

ToDo App with React Native

Step by step guide to building a basic react native app. By

React Native Google Map with react-native-maps

A tutorial on how to use react-native-maps to render a Google map with React Native. By

React Native Push Notifications with Firebase

Tips & Strategies for push notifications in React Native. By:

React-Navigation, complete Redux state management, tab-bar, and multiple navigators

A detailed example of react-navigation API using redux as the navigator’s state management. By:

React native app with facebook sdk login and firebase storage

Learn how to successfully integrate facebook login with facebook sdk and register a new user into a firebase database. By

How to build a visual recognition mobile app in 2 days with React-Native and Clarifai

A step by step tutorial following the story of how (and why) one developer created a visual recognition app in just two days. By

How I Created a Simple Game with Expo, React Native & Redux

Follow one developers journey through creating a simple game with Expo, React Native, and Redux. By

4 Tips for Using the Google Maps API with React Native

Here are 4 hard-won tips we picked up when using the Google Maps API with React Native. By

React Native end-to-end testing made easy

Learn not only what end-to-end testing is, but also how to implement it into a React Native application. By:

Making a Login app using React-native and Hasura without Redux.

Ditch Redux and use local state in this tutorial. By

Creating a Reddit Reader in React Native with Expo, Styled-Components, and Redux-Saga

A walk through on how I created a reddit reader using expo, styled-components, and redux saga. By:

Closing Notes:

Thanks for Reading! ✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.

If this post was helpful, please click the clap 👏 button below a few times to show your support! ⬇⬇