npm: basis, pakketbeheerder voor React Native en Node.js

Wat is npm — de pakketbeheerder van Node.js?

npm werd in 2010 gecreëerd door Isaac Schlueter als een oplossing voor het beheren van Node.js-afhankelijkheden. Sinds 2014 wordt npm beheerd door npm, Inc., overgenomen door Microsoft/GitHub in 2020. Het gereedschap bestaat uit twee delen: CLI (commandoregel) voor het installeren en beheren van pakketten, en Registry — de centrale repository van alle gepubliceerde modules op registry.npmjs.org.

npm Registry — de grootste pakketregister: meer dan 2 miljoen pakketten en meer dan 10 miljard downloads per maand. Elk pakket heeft een SemVer-versie, beschrijving, afhankelijkheden, licentie en auteurschap. Het publiceren van een eigen pakket gebeurt via npm publish. npm ondersteunt gescoopte pakketten voor organisaties (@scope/package), privéregisters en ingebouwde beveiligingsaudit.

Node.js versie 18+ bevat npm 9+ met verbeterde prestaties, workspaces voor monorepo's en een herziene peer dependencies-mechanisme. Het npm-ecosysteem omvat server-side JavaScript, frontend (React, Vue, Angular), mobiele ontwikkeling (React Native), buildtools (Webpack, Vite) en CLI-hulpprogramma's. npm is het belangrijkste distributiekanaal voor JavaScript-bibliotheken.

Belangrijkste functionaliteiten van npm

npm install — het hoofdcommando dat package.json en package-lock.json leest om alle afhankelijkheden in node_modules te installeren. Bij de eerste uitvoering berekent npm de afhankelijkheidsgraaf, lost versieconflicten op en genereert package-lock.json. Het commando npm install <package> installeert een specifiek pakket; de vlag --save-dev voegt toe aan devDependencies, --global — globaal.

npx — de pakketuitvoerder, meegeleverd met npm sinds versie 5.2. npx maakt het mogelijk CLI-hulpprogramma's uit te voeren zonder globale installatie: npx react-native init of npx create-react-app my-app. npx downloadt het pakket naar een tijdelijke cache, voert het uit en ruimt het na afloop op. npx is ook handig voor het uitvoeren van specifieke versies van tools.

npm audit scant de afhankelijkheidsboom op bekende kwetsbaarheden uit de npm-database. Het commando toont een rapport met ernstniveaus (critical, high, moderate) en beveelt npm audit fix aan voor automatische updates van kwetsbare pakketten. npm cache slaat gedownloade pakketten lokaal op. npm cache clean --force wist de cache bij installatieproblemen. npm outdated toont verouderde pakketten.

# Belangrijkste npm-commando's
$ npm install
$ npm install react-native-webview --save
$ npm install typescript --save-dev
# Uitvoeren zonder globale installatie
$ npx react-native init MyApp
# Beveiligingsaudit
$ npm audit --fix

Structuur van package.json en afhankelijkheidsbeheer

package.json — is een JSON-bestand in de projectroot dat de metadata, afhankelijkheden en configuratie beschrijft. Verplichte velden: name (unieke pakketnaam) en version (SemVer-versie, bijvoorbeeld 1.0.0). Het bestand wordt aangemaakt met het commando npm init -y voor snelle initialisatie of handmatig.

Semantic Versioning (SemVer) — de versienorm MAJOR.MINOR.PATCH. De hoofdversie verandert bij incompatibele API-wijzigingen, de kleine versie bij toevoeging van functionaliteit (achterwaarts compatibel), en de patch bij het oplossen van bugs. Het symbool ^ voor de versie staat updates van de kleine versie en patch toe, ~ alleen de patch.

{
  "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"
  }
}

npm in React Native ontwikkeling

React Native projecten maken actief gebruik van npm voor afhankelijkheidsbeheer. De standaardset omvat react, react-native, navigatiebibliotheken (React Navigation), HTTP-verzoeken (axios), toestandsbeheer (Redux, Zustand) en UI-componenten. npm maakt het mogelijk duizenden compatibele pakketten uit het register te installeren.

npx pod-install — een verplicht commando na installatie van native modules in React Native voor iOS. npm genereert automatisch Podfile.lock op basis van package-lock.json. In Expo-projecten wordt expo install gebruikt in plaats van npm install, omdat het versies kiest die compatibel zijn met de huidige Expo SDK-versie.

Versieconflicten — een veelvoorkomend probleem in React Native: react-native-reanimated, react-native-gesture-handler en react-native-safe-area-context vereisen compatibele versies. Oplossing — alle pakketten bijwerken naar de nieuwste compatibele versies of --legacy-peer-deps gebruiken. package-lock.json is cruciaal voor native modules die via CocoaPods en Gradle worden gecompileerd.

Vergelijking van npm met alternatieve beheerders

npm — de standaard pakketbeheerder, meegeleverd met Node.js. De belangrijkste alternatieven: yarn (gemaakt door Facebook in 2016) en pnpm (snel, met harde links). Sinds npm 5 is het verschil in snelheid en functionaliteit tussen npm en yarn minimaal. npm 7+ voegde workspaces toe, wat het concurrerend maakt voor monorepo's.

Volgens State of JS 2025: npm wordt gebruikt door 62% van de ontwikkelaars, yarn — 35% (voornamelijk oude projecten en PnP-fans), pnpm — 3%. Voor React Native projecten zijn beide tools gelijkwaardig, maar npm komt vaker voor in projecten op Expo SDK 50+ en nieuwe React Native-initialisaties.

yarn behoudt zijn voordeel in extreem grote monorepo's (100+ pakketten) dankzij een volwassener implementatie van workspaces en Plug'n'Play. pnpm wint op het gebied van schijfruimtebesparing door harde links naar een globale opslag. De keuze van de beheerder hangt af van teamvoorkeuren en infrastructuur.