Packages

💼 Top 100+ Must-Know Packages for Modern App Development

Here’s a categorized list of essential and popular packages used in React, React Native, Next.js, Node.js, and Android (Kotlin) development. Each includes install commands you can copy-paste directly into your terminal.

🔹 React

🛠️ Essential

• react-router-dom: Declarative routing —

  npm i react-router-dom

• redux + @reduxjs/toolkit: State management —

  npm i @reduxjs/toolkit react-redux

• axios: HTTP requests —

  npm i axios

• formik + yup: Form handling and validation —

  npm i formik yup

• react-query: Server state caching —

  npm i @tanstack/react-query

• zustand: Lightweight state management —

  npm i zustand

🔍 Accessibility

• @reach/visually-hidden: Screen reader support —

  npm i @reach/visually-hidden

• react-aria: Hooks-based accessibility —

  npm i @react-aria/button

✨ Animation

• framer-motion: Declarative animations —

  npm i framer-motion

• react-spring: Physics-based UI animations —

  npm i react-spring

🔧 Utility

• classnames: Conditionally join class names —

  npm i classnames

• lodash: Common utility functions —

  npm i lodash

• date-fns: Date manipulation —

  npm i date-fns

🔹 React Native

🛠️ Essential

• react-navigation: Navigation stack —

  npm i @react-navigation/native

• react-native-vector-icons: Icons library —

  npm i react-native-vector-icons

• AsyncStorage: Key-value storage —

  npm i @react-native-async-storage/async-storage

✨ Animation

• react-native-reanimated: Native-powered animations —

  npm i react-native-reanimated

• moti: Animations with reanimated —

  npm i moti

🔧 Utility

• react-native-device-info: Device info —

  npm i react-native-device-info

• react-native-fast-image: Optimized image loading —

  npm i react-native-fast-image

🔹 Next.js

🛠️ Essential

• next-auth: Authentication support —

  npm i next-auth

• next-seo: SEO meta handling —

  npm i next-seo

• zustand: Global state —

  npm i zustand

🔧 Utility

• clsx: Conditionally merge classNames —

  npm i clsx

• nookies: Cookies handler for SSR —

  npm i nookies

🔁 Hooks

• swr: React data fetching —

  npm i swr

• usehooks-ts: Reusable hooks —

  npm i usehooks-ts

🔹 Node.js

🛠️ Essential

• express: Web server —

  npm i express

• cors: Cross-origin middleware —

  npm i cors

• dotenv: Environment variables —

  npm i dotenv

• jsonwebtoken: JWT authentication —

  npm i jsonwebtoken

🔧 Utility

• bcrypt: Password hashing —

  npm i bcrypt

• uuid: Unique identifiers —

  npm i uuid

• joi: Schema validation —

  npm i joi

🔁 Services

• axios: HTTP requests —

  npm i axios

• winston: Logging —

  npm i winston

• nodemailer: Email service —

  npm i nodemailer

🔹 Android (Kotlin)

🛠️ Core Libraries (Gradle)

implementation "androidx.core:core-ktx:1.13.1"
implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.7.0"
implementation "androidx.navigation:navigation-fragment-ktx:2.7.7"
implementation "androidx.activity:activity-ktx:1.9.0"

🔧 Networking and Utilities

implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.8.0"
implementation "com.squareup.retrofit2:retrofit:2.11.0"
implementation "com.squareup.okhttp3:okhttp:4.12.0"
implementation "androidx.room:room-runtime:2.6.1"
kapt "androidx.room:room-compiler:2.6.1"
implementation "com.google.dagger:hilt-android:2.50"
kapt "com.google.dagger:hilt-compiler:2.50"

✨ UI & Animation

implementation "com.google.android.material:material:1.12.0"
implementation "androidx.compose.animation:animation:1.6.7"
implementation "io.coil-kt:coil-compose:2.6.0"

---

Want more like this? Bookmark this post and share it with your dev team 🚀