Project Name: RNMovie
Bundle Id: org.reactjs.native.example.RNMovie
Package Name: com.rnmovie
A react-native project for searching the movie and TV show and mark them as your favourite.
iOS : XCode(13.2) onwards
Android : Android Studio(3.5.2) with gradle(7.1.2) onwards
Editor : Visual Studio Code
Step 1: Clone this repository.
Step 2: Go to the cloned repo and open in in termianl.
Step 3: Install the Application with npm i
Step 4: cd to ios directory. And install pods with pod install
Step 5: Run Jetify for Third Party library convert in AndroidX npx jetify
(This needs to be done only for first time after checking out the repo. And for all projects having react-native 0.60 onwards)
Step 6: Create .env file and put the following api urls into it
API_URL=https://api.themoviedb.org/3
API_KEY=d9ca42f944024f53ccd5081fdfdbd2e1
IMAGE_URL=https://image.tmdb.org/t/p/w500/
- cd to the project directory
- Run and build for either OS
- Run iOSm app
npm run ios
- Run Android app
npm run android
- Note: This npm scripts will lint your code first. If there are no lint errors, then it will run the ios or android app. Otherwise it will show the lint errors in the terminal.
- Run iOSm app
-
Framework:
-
State management libraries:
-
API & Middleware libraries:
-
Libraries used for navigation:
-
Libraries used for UI:
-
Libraries used for storage:
-
Libraries used for general configuration:
If you're coming from React version 0.60 and above, you should be referencing the package from GitHub instead of NPM because there are issues with the NPM package
Known Issues
- GeneratedInfoPlistDotEnv.h` file not found and iOS command not working
- 'GeneratedDotEnv.m' file not found
If you have taken refrence from the GitHub then you don't have to add any other post-install scripts, just run the app like usual and it should work fine. Make sure you undo any other fixes before doing this.