rocket-help

Native-Base - JS-TS - Firebase

expo-cli

$ npm install -g expo-cli

yarn

• to install APT: $ npm install --global yarn

• to run EXPO: $ yarn global add expo-cli

Expo Go

App mobile

Init

$ expo init rockethelp

• option: ----- Bare workflow -----

Setup Project to TypeScript

• Rename App file to App.js

• Create a new Json file < tsconfig.json >

• Start expo with the command: $ expo start

NativeBase - Doc: https://docs.nativebase.io/install-expo

$ yarn add native-base

$ expo install react-native-svg

$ expo install react-native-safe-area-context

SVG transformer - Doc: https://www.npmjs.com/package/react-native-svg-transformer

$ yarn add --dev react-native-svg-transformer

Phosphor Icons - Doc: https://github.com/duongdev/phosphor-react-native

$ yarn add phosphor-react-native

React Navigation - Doc: https://reactnavigation.org/docs/getting-started

$ yarn add @react-navigation/native

$ expo install react-native-screens

$ yarn add @react-navigation/native-stack

FireBase Database - https://firebase.google.com/

Conections by - Doc: https://rnfirebase.io/

• core

$ yarn add @react-native-firebase/app

• [with EXPO] Using the native Firebase SDK - Doc: https://docs.expo.dev/guides/setup-native-firebase/

• On FireBase, add a new register to connect database and save the file genereted on project [iOS & Android]

• On < app.json > insert:

  "plugins": [ "@react-native-firebase/app" ], "android": { "googleServicesFile": "./google-services.json" }, "ios": { "googleServicesFile": "./GoogleService-Info.plist" }

$ expo prebuild

Cloud Functions (*** for iOS need to < cd ios/ && pod install >)

$ yarn add @react-native-firebase/functions

Authentication (*** for iOS need to < cd ios/ && pod install >)

$ yarn add @react-native-firebase/auth

Emulador Android - https://react-native.rocketseat.dev/android/windows