Navigator structure

AppNavigator                        # Stack
├── SplashScreen
├── OnBoardingScreen
├── AuthStackNavigator              # Stack
│   ├── LoginScreen
│   ├── RegisterScreen
│   └── ForgotScreen
├── TabNavigator                # BottomTab
│   ├── HomeScreen
│   ├── MessageScreen
│   ├── PostScreen
│   ├── NotificationScreen
│   └── ProfileScreen

1. react-navigation

• https://reactnavigation.org/docs/en/getting-started.html

2. react-native-vector-icons

• https://oblador.github.io/react-native-vector-icons/

3. react-navigator

• https://readybytes.in/blog/how-to-integrate-tabs-navigation-drawer-navigation-and-stack-navigation-together-in-react-navigation-v2

4. splash-screen

• https://whatdidilearn.info/2019/01/13/how-to-implement-a-splash-screen-in-react-native.html

5. Intro page sample

• https://github.com/Jacse/react-native-app-intro-slider#configuring-buttons

• https://www.google.com/search?q=image+intro+screen&safe=active&sxsrf=ACYBGNQ4HBo5bTsobkFd9wiwbXJGe_0h9g:1579317769273&source=lnms&tbm=isch&sa=X&ved=2ahUKEwi80f-UmYznAhUEyIsBHQNIDh0Q_AUoAXoECAwQAw&biw=1680&bih=971#imgrc=no5KEDQqYmSD0M:

6. Color name

• https://htmlcolorcodes.com/color-names/

7. Integrate with Apollo graphql (@apollo/react-hooks, apollo-link)

• https://www.apollographql.com/docs/react/integrations/react-native/#gatsby-focus-wrapper
• https://www.apollographql.com/docs/react/api/react-hooks/#gatsby-focus-wrapper
• https://www.apollographql.com/docs/link/

8. Validation (Formik, Yup)

• https://jaredpalmer.com/formik/docs/guides/validation

9. SAP mobile design

• https://blogs.sap.com/2018/05/25/labs-preview-sap-business-bydesign-plans-new-mobile-apps-for-smartphones/

10. Sticky header

• https://stackoverflow.com/questions/55264425/is-there-a-fixed-header-or-sticky-header-for-react-native

11. Design UI

• https://www.youtube.com/watch?v=TkuQAjnaSbM

12. Asset free UI - UX

• https://www.vecteezy.com/vector-art/251964-mobile-payment-online-service-for-modern-business-website-socia

13. Vector

• https://icons8.com/ouch/search/network
• https://www.freepik.com/free-vectors/illustrations

14. AddButton

• https://itnext.io/react-native-tab-bar-is-customizable-c3c37dcf711f

15. Logo app

• https://dribbble.com/shots/6365319-s-chat-bubbles-logo

16. Disable rotate

• https://aboutreact.com/react-native-disable-screen-rotation/

17. Images from

• https://dribbble.com/search/red%20gif

18. Permissions

• https://github.com/react-native-community/react-native-permissions

19. Image picker

• https://github.com/react-native-community/react-native-image-picker

20. Image gif not fire Android

• https://stackoverflow.com/questions/57089042/react-native-0-60-0-0-60-x-android-for-animated-gif-support

21. Custom tabbar

• https://dev.to/hrastnik/lets-create-a-custom-animated-tab-bar-with-react-native-3496

22. Handle ID javascript with firebase

• https://stackoverflow.com/questions/56144736/react-native-firebase-display-array-of-objects-using-flatlist

23. Folder structure READ.ME

• https://github.com/kriasoft/Folder-Structure-Conventions/blob/master/README.md

24. Firestore

• https://medium.com/firebase-developers/should-i-query-my-firebase-database-directly-or-use-cloud-functions-fbb3cd14118c

25. Image illustrations

• https://undraw.co/illustrations

26. Vector icons

• https://feathericons.com/?query=time

27. Momo payment

• https://developers.momo.vn/#/docs/app_in_app
• https://github.com/momo-wallet/mobile-sdk/tree/master/react-native
• https://developers.momo.vn/docs/test/MoMo-Testcase-App-in-App.pdf
• https://developers.momo.vn/#/docs/testing_information

28. Optional chaining

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

29. Pinterest mobile

• https://www.pinterest.com/pin/134474738861085918/

30. FBSDK

• https://codeburst.io/react-native-vs-real-native-apps-ad890986f1f

31. Migrate Firebase v6

• https://invertase.io/oss/react-native-firebase/migrating-to-v6

32. Best Practice

• https://www.awesome-react-native.com/#Components-UI

33. Create fb application

• https://magefan.com/blog/create-facebook-application

34. Sdk not found

• https://stackoverflow.com/questions/32634352/react-native-android-build-failed-sdk-location-not-found