DomenicoGranito / rn-tiktok

HelloWorld

Screenshot

                                                                                        

                              

https://www.youtube.com/watch?v=UV-w3yG2zss

https://instamobile.io/react-native-tutorials/react-native-aws-s3/

https://docs.amplify.aws/lib/storage/upload/q/platform/js/

https://github.com/sieuhuflit/react-native-live-stream-rtmp-example

https://github.com/sieuhuflit/live-tream-rtmp-server

Setup

• Setup development environment React Native CLI
• We recommended to use yarn

Importance before commit

You must fix all bug of ESLint

You must config git Username/Email

Command

Before run script, you must navigate to your project :cd <your_project_folder>

• Install dependencies: yarn
• Run Android: yarn android:dev (dev/prod by default)
• Run IOS: yarn ios:dev (dev/prod by default)
• Build apk Android: yarn apk:dev (dev/prod by default)
• Build aab Android; yarn aab:dev (dev/prod by default)
• Start server: yarn start
• Install library then pods IOS: yarn add <your_library>
• Change splash logo
  • Step 1: Get file .PNG to change then rename it to splash.PNG
  • Step 2: Copy and pate to splash folder
  • Step 3: Run command: yarn splash
• ...

Detail command: Read script of package.json file

Base config (Now u can config on env)

• Change App name APP_DISPLAY_NAME on env/(.dev/.prod)
• Change App id BUNDLE_IDENTIFIER on env/(.dev/.prod)
• Change App version VERSION_NAME on env/(.dev/.prod)
• Change App build number VERSION_CODE on env/(.dev/.prod)
• Change App URL API_URL on env/(.dev/.prod)

Change app icon by env

• Android Source sets
• IOS follow below step:
  • Create new App Icon assets
  • Go to Target => Build Settings => Assets Catalog Compiler - Options
  • Change Primary App Icon Set Name (App Icon assets name)
  • This will change icon for current schema