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

Some boilerplates that I've built while learning react native

sibelius/react-native-redux

sibelius/ExNavRelay

sibelius/react-native-relay-example

Newsletter

Subscribe to my newsletter for new content https://sibelius.substack.com/