Learn React Native

1. Introduction to React Native

• What is React Native
• Prerequisite Knowledge
• Configure your machine for development
• Create a React Native Project
• Hello, React Native
• Core components
• Assignment

2. Styling in React Native

• What is SafeArea
• Style
• Style attributes
• Reusing Styles
• StyleSheet
• Layout
• Image Component
• Assignment

3. Handling authentication state in React Native

• Storing auth data
• Manage auth state globally with Context API
• Restricting routes
• Enhancements

4. Accessing localhost from React Native

5. Adding custom fonts in React Native 0.60+

6. Don't ignore WARNINGS

7. External packages we use in React Native

8. Handling environment specific configurations in React Native

• Installing react-native-config
• Setup for Android
• Setup for iOS
• Accessing environment variables

9. InApp Purchase

10. Initial configurations for RN repository

• .prettierrc.js config
• .eslintrc.js config
• Implement eslint and prettier using pre-commit hook
• Path alias
• Base packages to start with
• Setup for tests
• Final changes before starting the actual work.
• Setup for Redux

11. Navigation Version 5

• Installing react-navigation 5

12. Navigation best practices

• Use constants for screen names
• Setting tab bar icons

13. No more manual linking

• What is Manual Linking

14. Upgrading React Native

• Links to resources for upgrading react native

15. Using Nested Navigators

• Stack and Tab Navigators