Demo React Native Expo App written in TypeScript.
This demo is to show the capabilities of React Native to stream video content.
In order for the app to work properly it has to run the server backend repo.
After successfuly running the server update the .env
file.
Install the below tools/packages
Serial No | Software | Version | Installation site |
---|---|---|---|
1 | Node.js | >= 6.9.1 | Install NodeJS |
2 | npm | >= 3.10.8 | Install NPM |
3 | react-native | >= 0.51.0 | Install react-native |
4 | react-native-cli | >= 2.0.1 | Install react-native-cli |
5 | exp | >= 47.1.1 | Install Expo |
- Clone the repo with
git clone [REPO_URL]
command - Switch to the project's root directory in terminal
- Install the dependencies by running
npm install
- Once, 'npm install' is completed, run
exp start
to start the expo and react-native server - If it shows a QR code on the terminal as a result of 'exp start' command, then you are good to go!
you can write your env specific config variables on .env
file and import them from react-native-dotenv
package as mentioned here.
Ignore the first step on 'Mobile setup' instructions given below if you already have 'Expo' app installed on your phone.
- Install 'Expo' application on your android/iOS device. You can find the links to Android and iOS apps here.
- Scan the QR code shown on the terminal.
- Once the QR code is successfully scanned, it will take few seconds to load and render the app.
- Switch to the project's root directory in terminal
- Run the following command to copy the git hook from 'git-hooks' to '.git/hooks' directory
cp git-hooks/pre-commit .git/hooks/
- Run the following command to make the hook executable.
chmod +x .git/hooks/pre-commit
Note This git hook runs everytime you commit. It won't let the developer commit the code if there is any eslint issue on the files changed.