5+ Best Resources to Learn React Native Development
Tags: reactnative
Published: 2020-07-02 05:01:52

‌

React Native is a framework for building cross-platform mobile apps for iOS and Android. There are lots of materials with which to learn React Native and in this article I will show the best 10 resources to learn React Native development. For each learning material I will talk about the entry behavior, time to complete, content and difficulty level.

### **1. The official documentation**

### ![](https://assets.able.bio/media/u/17fafe5f6ce2f1904eb09d2e80a4cbf6/officail.png)

You can find the [official documentation here](https://reactnative.dev/docs/getting-started).

**Entry level**: Knowledge of Javascript

**Difficulty**: Difficult\(for a noob\), Moderate\(for an intermediate\)

**Content**: The official documentation is the base of all other learning materials and is a great place to get started and read about react native in general.

### **2. React Native Tutorial for Beginners – Build a React Native App \[2020\]**

‌{% youtube 0-S5a0eXPoc %}

Mosh is a great tutor who has a special way of instilling knowledge to his listeners/viewers. I think his voice does the magic

**Entry barrier**: You should have knowledge of React and Javascript

**Difficulty**: Easy

**Content**: This crash course takes you from setting up react-native on your machine to running the app on an emulator. The tutorial deep dives into the major components in react native and how the flexbox works in react native.

**Tutorial Duration**: 2 hours 6 minutes

### **3. Multiplatform Mobile App Development with React Native**

![](https://assets.able.bio/media/u/17fafe5f6ce2f1904eb09d2e80a4cbf6/coursera.png)

You can find this course on [Coursera](https://www.coursera.org/learn/react-native).

**Difficulty**: Medium

**Content**: This course assumes that you have a knowledge of React. The course introduces you to React Native, basic UI elements, state management and persistence. The course also goes on to explore how to use Expo and React Native. You also get to learn how to use SDK APIs.

At the end of the course you can confidently build a complete mobile app.

**Duration**: 43 hours of material to complete.

### **4. How to publish Android apps on Google play – Step by Step guide**

‌

{% youtube AWawL5HFn64 %}

**Difficulty**: Medium

**Content**: Deployment is very vital yet one of the least discussed aspects in React Native. This is a very short and simple video resource to help developers to upload their applications on Google Play Store. The video also offers some advice on how to get your apps ready. This is high up there in the list recommended React Native learning resources.

**Duration**: 18:30

### **5. Configuring iOS App | Publishing a React Native App to the App Store**

‌

AqkVuWceCJ0

‌

**Difficulty**: Medium

**Content**: In the appended Youtube video, the tutor takes you through configuring your apps for the iOS App Store and uploading them. The video is short, sharp and straight to the point.

**Duration**: 4:22 minutes

### **6. Getting Started with Redux in React Native**

‌

{% youtube I0AQW2T3HPI %}

‌

**Difficulty**: Medium

**Content**: In my humble opinion, state management is the most important thing in React Native and requires extreme mastery. The video goes over state management using the most popular state management library in the React Native world

**Duration**: 32:19 mins

### **7. React Native in Action: Developing iOS and Android apps with JavaScript by NADER DABIT**

![](https://assets.able.bio/media/u/17fafe5f6ce2f1904eb09d2e80a4cbf6/bookimage-240x300.jpg)

**Difficulty**: Medium

**Entry behavior**: For an optimal understanding of this book you must have prior knowledge of at Javascript. Familiarity with the use of command line and npm will come in handy. If you know your way around Xcode and Android Studio is also helpful but not required.

**Content**: This book explores the building blocks of react native. This book is one of the best to learn React Native within that it touches everything you need to know about React Native.

The book explores the nature of React Native highlighting its strong points and weak spots respectively and then introduces the reader to React ad the way lifecycles work in React.

Styling, Animation, and Navigation are discussed in detail in this amazing React Native literature.

The book wraps up by guiding the reader to build a real-world app

### **React Native Crash Course 2020**

‌

{% youtube Hf4MJH0jDb4 %}

‌

As most of you know, Traversy Media is one of the best tutorial channels and you bet his tutorial on React Native released 4 months ago as of the time of this writing is going to be one of the best materials out there to learn React Native.

**Entry Behaviour**: Prior knowledge of Javascript is required.

**Content**: The crash course assumes you have no experience dealing with React Native. Traversy Media introduces you to React Native and guides you to build a basic mobile application.

**Duration**: 54 minutes.

### **Conclusion**

React Native is an easy mobile development framework to learn and master in a pretty short time and the prior listed tutorials are the very best to set yourself up to be and expert React Native developer in no time. If you know other amazing resources to learn React Native development, please let us know in the comments.

The post [6\+ Best Resources to Learn React Native Development](https://www.instamobile.io/mobile-development/best-resources-learn-react-native/) appeared first on [instamobile](https://www.instamobile.io).

  
**Next Steps**

Now that you have learned about many resources for learning basic React Native, here are some other topics you can look into

* Firebase —  [Push notifications](https://www.instamobile.io/react-native-tutorials/push-notifications-react-native-firebase/) | [Firebase storage](https://www.instamobile.io/mobile-development/react-native-firebase-storage/)
* How To in React Native — [WebView](https://enappd.com/blog/react-native-life-cycle-hooks/79) | [Gradient](https://www.instamobile.io/mobile-development/gradients-react-native/)| [Camera](https://www.instamobile.io/react-native-tutorials/capturing-photos-and-videos-with-the-camera-in-react-native/)| [Adding GIF](https://www.instamobile.io/mobile-development/giphy-react-native/)| [Google Maps](https://www.instamobile.io/react-native-tutorials/react-native-maps/) | [Redux](https://www.instamobile.io/mobile-development/react-native-redux/) | [Debugging](https://www.instamobile.io/react-native-tutorials/react-native-breakpoints-debugging/) |  
  [Hooks](https://www.instamobile.io/mobile-development/react-native-hooks/)| [Dark mode](https://www.instamobile.io/mobile-development/react-native-dark-mode/) | [Deep-link](https://www.instamobile.io/react-native-tutorials/deep-linking-react-native/) | [GraphQL](https://www.instamobile.io/react-native-tutorials/react-native-graphql-apollo-client/) | [AsyncStorage](https://www.instamobile.io/react-native-tutorials/asyncstorage-example-react-native/) | [Offline](https://www.instamobile.io/react-native-tutorials/offline-apps-react-native/) |[Chart](https://www.instamobile.io/react-native-tutorials/react-native-charts/) | [Walkthrough](https://www.instamobile.io/react-native-tutorials/walkthrough-screens-react-native-app/)  | [Geolocation](https://www.instamobile.io/react-native-tutorials/uber-react-native-geolocation/) | [Tinder swipe](https://www.instamobile.io/react-native-controls/react-native-swipe-cards-tinder/) | [App icon](https://www.instamobile.io/react-native-tutorials/react-native-app-icon-ios-android/) | [REST API ](https://www.instamobile.io/react-native-tutorials/wordpress-rest-api-react-native-acf/)
* Payments — [Apple Pay](https://www.instamobile.io/react-native-controls/apple-pay-integrate-android-pay-react-native/) | [Stripe](https://www.instamobile.io/react-native-tutorials/accept-payments-android-ios-apps-react-native-checkout/)
* Authentication — [Google Login](https://www.instamobile.io/mobile-development/google-login-react-native-firebase/)| [Facebook login](https://www.instamobile.io/react-native-tutorials/facebook-login-react-native-firebase/) | [Phone Auth](https://www.instamobile.io/mobile-development/firebase-phone-authentication-react-native/) | 
* Best Resource - [App idea](https://www.instamobile.io/react-native-tutorials/react-native-app-ideas-beginners/) | [Podcast](https://www.instamobile.io/mobile-development/react-native-podcasts/) | [Newsletter](https://www.instamobile.io/react-native-tutorials/best-react-native-newsletters/)| [App template](https://www.instamobile.io/react-native-tutorials/best-free-react-native-app-templates-2018/)

Or If you need a base to start your next React Native app quickly, you can make your next awesome app using many[ React Native template](https://www.instamobile.io/templates/).