react-native-free-learning roadmap

1. Setup on window/MacOS platform

   • Window
   • MacOS

2. Create Welcome project

3. Code Editor

   • Visual Code
   • Atom

4. Style

5. Basic components

6. Basic api

7. React Native Platform specific code

8. Render, separate render, import

9. Props, state - Using, difference between them

10. Overview coding style ES6, React Native

11. React Native life cycle

12. Redux - manage app state, store app data

13. Performance

14. App Navigation: Manage screens, stack of screens, Navigate between stack, screens in stack

    • React Navigation
    • React Native Navigation

    There are two common options to apply navigation.
    React Navigation is easy to setup with js
    

15. Android, iOS, reactJS bridge, link a lib/module

16. Localization app with I18n lib

17. Push Notification setup

18. Icon font creator with react-native-vector-icons

19. Social - login, authorize, graph api (Twitter, Facebook, Google)

20. Use basic git

21. How to write a module, publish on github