https://github.com/webmasterdevlin/react-native-redux-workshop
using TypeScript
https://github.com/webmasterdevlin/react-native-redux-workshop
Last synced: 10 months ago
JSON representation
using TypeScript
- Host: GitHub
- URL: https://github.com/webmasterdevlin/react-native-redux-workshop
- Owner: webmasterdevlin
- Created: 2020-01-25T09:32:33.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T02:28:19.000Z (about 3 years ago)
- Last Synced: 2025-02-11T13:22:05.949Z (12 months ago)
- Language: TypeScript
- Size: 5 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nodejs.org/en/) (this includes NPM package manager)
- [vscode](https://code.visualstudio.com/)
- [yarn](https://yarnpkg.com/lang/en/) (optional NPM package manager)
- uninstall the legacy react-native-cli
```sh
$ 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
```sh
$ npx react-native init MyRnProject --template react-native-template-typescript@latest
```
open the project on vscode using the command below
```sh
$ code MyRnProject
```
Install the packages below
```sh
$ 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
```shell script
$ implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
$ implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'
```
#### Adding React Native Paper
```sh
$ npm install react-native-paper
$ npm install react-native-vector-icons
```
then link the react native vector icons
```sh
$ react-native link react-native-vector-icons
```