React Native Redux TypeScript

Let's create a React Native app with TypeScript and React Navigation vNext (5.0) by using the builder below.

####Requirements:

• nodejs (this includes NPM package manager)
• vscode
• yarn (optional NPM package manager)
• uninstall the legacy react-native-cli

$ npm uninstall -g react-native-cli
$ npm i -g @react-native-community/cli

Open up a terminal that points to your Desktop. Then start creating a React Native in TypeScript project

$ npx react-native init MyRnProject --template react-native-template-typescript@latest

open the project on vscode using the command below

$ code MyRnProject

Install the packages below

$ npm install @react-navigation/native@next
$ npm install react-native-gesture-handler
$ npm install react-native-reanimated
$ npm install react-native-screens
$ npm install react-native-safe-area-context
$ npm install @react-navigation/stack
$ npm install @react-native-community/masked-view

additional configuration

Copy then paste it

$ implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
$ implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

Adding React Native Paper

$ npm install react-native-paper
$ npm install react-native-vector-icons

then link the react native vector icons

$ react-native link react-native-vector-icons