What is React Native?

Prerequisite Knowledge

Configure your machine for development

Create a React Native Project

Hello, React Native!

Core components

Assignment

Introduction to React Native

What is SafeArea?

Style

Style attributes

Reusing Styles

StyleSheet

Layout

Image Component

Styling in React Native

Adding custom fonts in React Native 0.60+

Don't ignore WARNINGS

External packages we use in React Native

Firebase Remote Config

Using Firebase Remote Config

Storing auth data

Manage auth state globally with Context API

Restricting routes(screens)

Enhancements

Handling authentication state in React Native

Installing react-native-config

Setup for Android

Setup for iOS

Accessing environment variables

Handling environment specific configurations in React Native

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

InApp Purchase

.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

Initial configurations for RN repository

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:-

Navigation Version 5

Use constants for screen names

Setting tab bar icons

Navigation best practices

What is Manual Linking?

No more manual linking

Upgrading React Native

Stack and Tab Navigators

Using Nested Navigators

Accessing localhost from React Native

/learn-react-native/introduction-to-react-native

React Native

BigBinary Academy