Entria
Published in

Entria

Learning Path React Native

So you did some tutorial in React Native and you would like to move to the next level, now what?

I made a small list of what you need to learn to build any app using React Native.

Basics

  1. Learn how to start a new React Native project (https://facebook.github.io/react-native/docs/getting-started.html)
  2. Run it on ios simulator, on android emulator, on a real iPhone device and on a real Android device, with and without debugging enabled.
  3. Learn how to upgrade a React Native project (https://github.com/ncuillery/rn-diff)
  4. Learn how to add a package to your project (yarn add react-native-…)
  5. Learn how to add a package that has a native dependency (for instance, https://github.com/airbnb/react-native-maps, https://github.com/evollu/react-native-fcm) — avoid cocoapods
  6. Learn how to use fetch to get data from your backend

Learn Navigation

  1. React Navigation — https://github.com/react-community/react-navigation
  2. Tab bar navigation (Sliding Tab navigation)
  3. Drawer navigation (drawer menu)
  4. Alert bar
  5. Setup a boilerplate that has a drawer + tab navigation

7. Challenge — Bottom tab navigation for IOS and Top Sliding Tab navigation for Android

Learn to do a Login/Register Flow

  1. 3 screen before login (launch, login, register) — follow this: https://itunes.apple.com/us/app/brand-lovers-beleza-e-maquiagem/id1094374278?mt=8
  2. At least one screen after login/register is done
  3. do it with redux
  4. do it without redux

Learn common mobile patterns

  1. do a form using https://github.com/gcanti/tcomb-form-native
  2. do the same form without tcomb-form-native
  3. Work with ListView, show a list of items with and without sections
  4. implement a modal using <Modal /> component from React Native core
  5. change navigation transition style
  6. work with social logins (facebook, google, twitter and so on)
  7. work with animations: https://egghead.io/courses/animate-react-native-ui-elements; http://browniefed.com/react-native-animation-book/
  8. implement push notification
  9. work with camera roll
  10. work with maps
  11. Learn Relay/Apollo

There is always more to learn!

I've also made a gist in a checklist format, so you can fork it and mark your progress — https://gist.github.com/sibelius/e1f4fdb690735e49f75bbd959bd2fbc2

--

--

--

The Bleeding Edge Tech Team

Recommended from Medium

6 Useful Decorators to use in your Angular projects

What is the difference between window, screen, and document in JavaScript?

10 Chrome Console Utility APIs You Probably Never Used

Everything you want to know about Web Components — Part 1

Build Command-Line Spinners in Node.js

JavaScript: Reducing Array elements using the length property

Vuex made simple — getting started!

Turn JavaScript Into TypeScript Compatible Packages

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Sibelius Seraphini

Sibelius Seraphini

CTO Entria, Feedback House, Log.ID, Brand Lovers

More from Medium

React Global State Management The Flux Way

ReactJS VS React Native: Key Differences

Login With Regex Expo React Native

Expo React Native Login Navigation

Simple TextBase component for React Native