npm: मूल बातें, React Native और Node.js के लिए पैकेज मैनेजर

npm क्या है — Node.js पैकेज मैनेजर?

npm को 2010 में Isaac Schlueter द्वारा Node.js डिपेंडेंसी प्रबंधन के समाधान के रूप में बनाया गया था। 2014 से npm का प्रबंधन npm, Inc. द्वारा किया जाता है, जिसे 2020 में Microsoft/GitHub द्वारा अधिग्रहित किया गया। टूल दो भागों से मिलकर बना है: CLI (कमांड लाइन) पैकेज इंस्टॉल और प्रबंधित करने के लिए, और Registry — registry.npmjs.org पर सभी प्रकाशित मॉड्यूल का केंद्रीय भंडार।

npm Registry सबसे बड़ा पैकेज रजिस्ट्री है: 2 मिलियन से अधिक पैकेज और मासिक 10 बिलियन से अधिक डाउनलोड। प्रत्येक पैकेज में SemVer वर्शन, विवरण, डिपेंडेंसी, लाइसेंस और लेखकत्व होता है। अपना खुद का पैकेज प्रकाशित करना npm publish के माध्यम से किया जाता है। npm संगठनों के लिए स्कोप्ड पैकेज (@scope/package), निजी रजिस्ट्री और अंतर्निर्मित सुरक्षा ऑडिट का समर्थन करता है।

Node.js संस्करण 18+ में बेहतर प्रदर्शन के साथ npm 9+, मोनोरेपो के लिए वर्कस्पेस और पुनर्निर्मित पीयर डिपेंडेंसी तंत्र शामिल है। npm पारिस्थितिकी तंत्र सर्वर-साइड JavaScript, फ्रंटएंड (React, Vue, Angular), मोबाइल डेवलपमेंट (React Native), बिल्ड टूल (Webpack, Vite) और CLI उपयोगिताओं को कवर करता है। npm JavaScript लाइब्रेरी के वितरण का प्राथमिक चैनल है।

npm की मुख्य विशेषताएं

npm install — मुख्य कमांड जो सभी डिपेंडेंसी को node_modules में इंस्टॉल करने के लिए package.json और package-lock.json पढ़ता है। पहली बार चलाने पर, npm डिपेंडेंसी ग्राफ की गणना करता है, वर्शन कॉन्फ़्लिक्ट हल करता है और package-lock.json जनरेट करता है। npm install <package> कमांड एक विशिष्ट पैकेज इंस्टॉल करता है; --save-dev फ़्लैग इसे devDependencies में जोड़ता है, --global वैश्विक रूप से इंस्टॉल करता है।

npx — npm संस्करण 5.2 से शामिल एक पैकेज रनर है। npx वैश्विक इंस्टॉलेशन के बिना CLI उपयोगिताओं को चलाने की अनुमति देता है: npx react-native init या npx create-react-app my-app। npx पैकेज को अस्थायी कैश में डाउनलोड करता है, चलाता है और पूरा होने पर साफ करता है। npx विशिष्ट टूल संस्करणों को चलाने के लिए भी उपयोगी है।

npm audit npm डेटाबेस से ज्ञात कमजोरियों के लिए डिपेंडेंसी ट्री को स्कैन करता है। कमांड गंभीरता स्तरों (क्रिटिकल, हाई, मॉडरेट) के साथ एक रिपोर्ट आउटपुट करता है और कमजोर पैकेजों को स्वचालित रूप से अपडेट करने के लिए npm audit fix की सिफारिश करता है। npm cache डाउनलोड किए गए पैकेजों को स्थानीय रूप से संग्रहीत करता है। npm cache clean --force इंस्टॉलेशन समस्याओं पर कैश साफ करता है। npm outdated पुराने पैकेज दिखाता है।

# npm मूल कमांड
$ npm install
$ npm install react-native-webview --save
$ npm install typescript --save-dev
# वैश्विक स्थापना के बिना चलाना
$ npx react-native init MyApp
# सुरक्षा ऑडिट
$ npm audit --fix

package.json संरचना और डिपेंडेंसी प्रबंधन

package.json प्रोजेक्ट रूट में एक JSON फ़ाइल है जो इसके मेटाडेटा, डिपेंडेंसी और कॉन्फ़िगरेशन का वर्णन करती है। अनिवार्य फ़ील्ड: name (अद्वितीय पैकेज नाम) और version (SemVer संस्करण, जैसे 1.0.0)। फ़ाइल त्वरित आरंभीकरण के लिए npm init -y से या मैन्युअल रूप से बनाई जाती है।

Semantic Versioning (SemVer) MAJOR.MINOR.PATCH प्रारूप में एक संस्करण मानक है। मेजर संस्करण असंगत API परिवर्तनों पर बदलता है, माइनर — कार्यक्षमता जोड़ने पर (पिछड़ा संगत), पैच — बग फिक्स पर। संस्करण से पहले ^ प्रतीक माइनर और पैच अपडेट की अनुमति देता है, ~ केवल पैच अपडेट की अनुमति देता है।

{
  "name": "my-app",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios"
  },
  "dependencies": {
    "react": "^18.3.0",
    "react-native": "^0.76.0"
  },
  "devDependencies": {
    "typescript": "^5.5.0",
    "@types/react": "^18.3.0"
  }
}

React Native डेवलपमेंट में npm

React Native प्रोजेक्ट डिपेंडेंसी प्रबंधन के लिए सक्रिय रूप से npm का उपयोग करते हैं। मानक सेट में react, react-native, नेविगेशन लाइब्रेरी (React Navigation), HTTP लाइब्रेरी (axios), स्थिति प्रबंधन (Redux, Zustand) और UI घटक शामिल हैं। npm रजिस्ट्री से हजारों संगत पैकेज इंस्टॉल करने की अनुमति देता है।

npx pod-install — iOS के लिए React Native में नेटिव मॉड्यूल इंस्टॉल करने के बाद एक अनिवार्य कमांड। npm स्वचालित रूप से package-lock.json के आधार पर Podfile.lock जनरेट करता है। Expo प्रोजेक्ट्स में npm install के बजाय expo install का उपयोग किया जाता है, क्योंकि यह वर्तमान Expo SDK संस्करण के साथ संगत संस्करण चुनता है।

संस्करण विरोध React Native में एक सामान्य समस्या है: react-native-reanimated, react-native-gesture-handler और react-native-safe-area-context को संरेखित संस्करणों की आवश्यकता होती है। समाधान सभी पैकेजों को नवीनतम संगत संस्करणों में अपडेट करना या --legacy-peer-deps का उपयोग करना है। CocoaPods और Gradle के माध्यम से संकलित नेटिव मॉड्यूल के लिए package-lock.json महत्वपूर्ण है।

npm की वैकल्पिक मैनेजरों से तुलना

npm Node.js के साथ शामिल मानक पैकेज मैनेजर है। मुख्य विकल्प: yarn (2016 में Facebook द्वारा बनाया गया) और pnpm (तेज़, हार्ड लिंक के साथ)। npm 5 के बाद से, npm और yarn के बीच गति और कार्यक्षमता में अंतर न्यूनतम है। npm 7+ ने वर्कस्पेस जोड़े, जो इसे मोनोरेपो के लिए प्रतिस्पर्धी बनाता है।

State of JS 2025 के अनुसार: 62% डेवलपर npm का उपयोग करते हैं, 35% yarn (मुख्य रूप से पुराने प्रोजेक्ट और PnP प्रशंसक), और 3% pnpm का उपयोग करते हैं। React Native प्रोजेक्ट्स के लिए, दोनों टूल समान रूप से व्यवहार्य हैं, लेकिन npm Expo SDK 50+ और नई React Native आरंभीकरण वाले प्रोजेक्ट्स में अधिक सामान्य है।

yarn अत्यधिक बड़े मोनोरेपो (100+ पैकेज) में अपने अधिक परिपक्व वर्कस्पेस कार्यान्वयन और Plug'n'Play के कारण लाभ बनाए रखता है। pnpm वैश्विक स्टोर पर हार्ड लिंक के माध्यम से डिस्क स्थान बचत में जीतता है। मैनेजर का चुनाव टीम की प्राथमिकताओं और बुनियादी ढांचे पर निर्भर करता है।