RN Mobile Client

Platforms

Android, iOS

Languages

JavaScript, TypeScript, Java, Kotlin, Gradle, Bat, Json.

Stack

Core Framework

React Native - Documentation.

react-dom react-native

Main Dependencies

Expo SDK & Modules - Documentation.

@expo-google-fonts/plus-jakarta-sans expo-av expo-font expo-navigation-bar expo-status-bar

Routing & Navigation

React Navigation - Documentation.

@react-navigation/native @react-navigation/bottom-tabs @react-navigation/elements @react-navigation/native-stack react-native-screens

HTTP Client

Axios - Documentation.

State, Query & Data Management

Zustand - Documentation / ReactQuery - Documentation

@tanstack/react-query-persist-client @tanstack/query-sync-storage-persister @react-native-async-storage/async-storage

Authentication

Clerk - Documentation.

@clerk/clerk-expo expo-crypto expo-secure-store expo-auth-session expo-web-browser

Notifications

Notifee - Documentation.

Animations / Effects

Reanimated - Documentation.

react-native-reanimated-carousel @react-native-community/slider react-native-gesture-handler

Player

React Native track player - Documentation.

Purchases

React Native purchases (RevenueCat) - Documentation.

UI Libs

Modals, Sheets, Gradients, Loaders, Images, Areas, Icons

@gorhom/bottom-sheet react-native-fast-image react-native-linear-gradient react-native-loading-spinner-overlay react-native-modal react-native-safe-area-context react-native-vector-icons @react-native-segmented-control

Extra Functions

react-native-background-timer react-native-rate react-native-webview unorm

Dependencies Packages Versions

package.json

  "dependencies": {
    "@clerk/clerk-expo": "^0.19.17",
    "@expo-google-fonts/plus-jakarta-sans": "0.2.3",
    "@gorhom/bottom-sheet": "^4.5.1",
    "@notifee/react-native": "^7.8.2",
    "@react-native-async-storage/async-storage": "^1.21.0",
    "@react-native-community/slider": "^4.4.3",
    "@react-native-segmented-control/segmented-control": "^2.4.2",
    "@react-navigation/bottom-tabs": "^6.5.11",
    "@react-navigation/elements": "^1.3.21",
    "@react-navigation/native": "^6.1.9",
    "@react-navigation/native-stack": "^6.9.17",
    "@tanstack/query-sync-storage-persister": "^5.17.19",
    "@tanstack/react-query-persist-client": "^5.17.19",
    "axios": "^1.6.4",
    "expo": "^49.0.18",
    "expo-auth-session": "~5.0.2",
    "expo-av": "~13.4.1",
    "expo-crypto": "~12.4.1",
    "expo-font": "~11.4.0",
    "expo-navigation-bar": "~2.3.0",
    "expo-secure-store": "~12.3.1",
    "expo-status-bar": "~1.6.0",
    "expo-web-browser": "~12.3.2",
    "react": "18.2.0",
    "react-dom": "^18.2.0",
    "react-native": "0.72.7",
    "react-native-background-timer": "^2.4.1",
    "react-native-fast-image": "^8.6.3",
    "react-native-gesture-handler": "^2.13.4",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-loading-spinner-overlay": "^3.0.1",
    "react-native-modal": "^13.0.1",
    "react-native-purchases": "^7.5.1",
    "react-native-rate": "^1.2.12",
    "react-native-reanimated": "^3.5.4",
    "react-native-reanimated-carousel": "^3.5.1",
    "react-native-safe-area-context": "^4.7.4",
    "react-native-screens": "^3.27.0",
    "react-native-track-player": "^4.0.1",
    "react-native-vector-icons": "^10.0.2",
    "react-native-webview": "^13.6.3",
    "react-query": "^3.39.3",
    "unorm": "^1.6.0",
    "zustand": "^4.4.7"
  }

DEV Dependencies Packages Versions

package.json

  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/eslint-config": "^0.72.2",
    "@react-native/metro-config": "^0.72.11",
    "@tsconfig/react-native": "^3.0.0",
    "@types/react": "^18.2.37",
    "@types/react-native-background-timer": "^2.0.2",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.2.1",
    "babel-plugin-module-resolver": "^5.0.0",
    "eslint": "^8.19.0",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "0.76.8",
    "prettier": "^2.4.1",
    "react-test-renderer": "18.2.0",
    "typescript": "4.8.4"
  },
  "engines": {
    "node": ">=16"
  }