Praudyog

Gurukul Wisdom – Installing Required Dependencies

admin

Installing Required Dependencies

Install The Required Libraries:

# Core Navigation
npm install @react-navigation/native @react-navigation/bottom-tabs @react-navigation/native-stack

npm install @react-navigation/stack

# React Navigation Dependencies
npm install react-native-screens react-native-safe-area-context

# Firebase
npm install @react-native-firebase/app @react-native-firebase/auth @react-native-firebase/firestore

# State Management
npm install @reduxjs/toolkit react-redux redux-persist @react-native-async-storage/async-storage

npm install react-native-safe-area-context

# UI Components & Icons
# Install only the icon families you need
npm install @react-native-vector-icons/ionicons
npm install @react-native-vector-icons/material-icons
npm install @react-native-vector-icons/fontawesome

npm install react-native-svg react-native-svg-transformer

# Video Player
npm install react-native-video

# Progress Components
npm install react-native-circular-progress

# Form & Validation
npm install formik yup

# Utilities
npm install axios moment lodash

# Development Dependencies
npm install – save-dev @types/react @types/react-native

package.json

{
  "name": "GurukulWisdomSourceCode",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "^2.2.0",
    "@react-native-firebase/app": "^23.8.4",
    "@react-native-firebase/auth": "^23.8.4",
    "@react-native-firebase/firestore": "^23.8.4",
    "@react-native-vector-icons/fontawesome": "^12.4.0",
    "@react-native-vector-icons/ionicons": "^12.3.0",
    "@react-native-vector-icons/material-icons": "^12.4.0",
    "@react-native/new-app-screen": "0.83.1",
    "@react-navigation/bottom-tabs": "^7.10.1",
    "@react-navigation/native": "^7.1.28",
    "@react-navigation/native-stack": "^7.11.0",
    "@reduxjs/toolkit": "^2.11.2",
    "axios": "^1.13.4",
    "formik": "^2.4.9",
    "lodash": "^4.17.23",
    "moment": "^2.30.1",
    "react": "19.2.0",
    "react-native": "0.83.1",
    "react-native-circular-progress": "^1.4.1",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-safe-area-context": "^5.6.2",
    "react-native-screens": "^4.20.0",
    "react-native-svg": "^15.15.1",
    "react-native-svg-transformer": "^1.5.3",
    "react-native-video": "^6.19.0",
    "react-redux": "^9.2.0",
    "redux-persist": "^6.0.0",
    "yup": "^1.7.1"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@babel/preset-env": "^7.25.3",
    "@babel/runtime": "^7.25.0",
    "@react-native-community/cli": "20.0.0",
    "@react-native-community/cli-platform-android": "20.0.0",
    "@react-native-community/cli-platform-ios": "20.0.0",
    "@react-native/babel-preset": "0.83.1",
    "@react-native/eslint-config": "0.83.1",
    "@react-native/metro-config": "0.83.1",
    "@react-native/typescript-config": "0.83.1",
    "@types/jest": "^29.5.13",
    "@types/react": "^19.2.10",
    "@types/react-native": "^0.72.8",
    "@types/react-test-renderer": "^19.1.0",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "19.2.0",
    "typescript": "^5.8.3"
  },
  "engines": {
    "node": ">=20"
  }
}

Leave a Reply

Your email address will not be published. Required fields are marked *