Clients
Services
Blog
Contact
Learn React Native
Learn React Native From Scratch
Search Book
⌘K
to navigate
Enter
to select
Esc
to close
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.
Accessing localhost from React Native
4.
Adding custom fonts in React Native 0.60+
5.
Don't ignore WARNINGS
6.
External packages we use in React Native
7.
Using Firebase Remote Config
Firebase Remote Config
8.
Handling authentication state in React Native
Storing auth data
Manage auth state globally with Context API
Restricting routes(screens)
Enhancements
9.
Handling environment specific configurations in React Native
Installing react-native-config
Setup for Android
Setup for iOS
Accessing environment variables
10.
InApp Purchase
Three steps for InApp Purchase configuration
Step 1:- Configuration on App Store
Step 2:- Configure your app on Google Play Console
Step 3:- Integrate rn-in-app library into your project
11.
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
12.
Navigation Version 5
Installing react-navigation 5
Latest version of react navigation use many third part libraries, we can install them using yarn or npm
Example using navigation 5
For using nested navigator like drawer navigator, tab navigator and stack navigator, you can follow this link:-
13.
Navigation best practices
Use constants for screen names
Setting tab bar icons
14.
No more manual linking
What is Manual Linking?
15.
Upgrading React Native
16.
Using Nested Navigators
Stack and Tab Navigators