Wat zijn native modules in React Native?

Question

Accepted Answer

**Native modules** stellen React Native (JavaScript) in staat om **native platformcode en functies** (iOS/Android) te benutten die niet beschikbaar zijn via JavaScript — bruggen naar native API's, SDK's of aangepaste native functionaliteit. Ze breiden React Native uit met mogelijkheden die JS alleen niet biedt.

## Waarom native modules bestaan

```text
React Native's JavaScript can't directly access every native capability. NATIVE MODULES
bridge JS to native code (Swift/Objective-C on iOS, Kotlin/Java on Android):
  → access native APIs/SDKs not exposed to JS
  → use existing native libraries
  → implement performance-critical or platform-specific functionality in native code
→ The bridge between React Native's JS and the native platform.
```

## Native modules gebruiken (meestal via bibliotheken)

```text
→ MOST native functionality is available via EXISTING LIBRARIES (npm packages that
  include native modules): camera, geolocation, Bluetooth, payments, push notifications, etc.
  → you usually INSTALL a library rather than writing native code yourself
→ EXPO provides many native APIs without writing native code (managed modules)
→ You WRITE a custom native module only when no library exists for your need
```

## Een aangepaste native module schrijven (conceptueel)

```text
→ Write native code (Swift/Kotlin) exposing methods to JS
→ Register/expose it so JS can call it (via the bridge / new architecture's TurboModules)
→ Call it from JavaScript like a regular module
→ Requires native development knowledge; platform-specific implementation per OS
→ The NEW ARCHITECTURE (JSI, TurboModules, Fabric) improves native interop performance
```

## Waarom het belangrijk is

Inzicht in native modules is waardevol omdat zij **hoe React Native native platformmogelijkheden bereikt** buiten wat JavaScript biedt, een belangrijk vermogen voor apps die native functies nodig hebben, dus nuttige kennis voor React Native-ontwikkeling.

De kernbehoefte — React Native's JavaScript kan niet rechtstreeks elke native mogelijkheid bereiken, dus **native modules vormen een brug van JS naar native code** (Swift/Objective-C, Kotlin/Java) — beantwoordt hoe React Native apparaatfuncties (camera, geolocatie, Bluetooth, push notifications) bereikt, native SDK's gebruikt, en prestatiekritische of platformspecifieke functionaliteit implementeert.

Inzicht in de **praktische realiteit** is belangrijk: **de meeste native functionaliteit is beschikbaar via bestaande bibliotheken** (npm-pakketten die native modules bundelen) of **beheerde native API's van Expo**, dus u installeert meestal een bibliotheek in plaats van native code zelf te schrijven — wat betekent dat de meeste ontwikkelaars native modules via bibliotheken gebruiken in plaats van ze zelf te schrijven, een belangrijk praktisch punt dat realistische verwachtingen stelt.

Inzicht dat u **een aangepaste native module alleen schrijft wanneer geen bibliotheek bestaat** voor uw specifieke behoefte (waarvoor native-ontwikkelingskennisken platform-specifieke implementatie nodig zijn) maakt duidelijk wanneer aangepaste native werkzaamheden nodig zijn.

Weten dat de **nieuwe architectuur** (JSI, TurboModules, Fabric) native interop-prestaties verbetert weerspiegelt bewustzijn van React Native's evolutie.

Native modules zijn hoe React Native met het native platform integreert, belangrijk voor apps met native vereisten, hoewel de meeste behoeften door bestaande bibliotheken worden ingevuld.

Omdat het bereiken van native mogelijkheden soms noodzakelijk is (voor apparaatfuncties en native integratie) en native modules (meestal via bibliotheken, occasioneel aangepast) React Native's mechanisme ervoor zijn, en omdat inzicht in hoe zij werken en dat de meeste behoeften door bestaande bibliotheken worden ingevuld waardevol is voor React Native-ontwikkeling, is inzicht in native modules waardevol, praktisch-relevant kennis — de brug die React Native in staat stelt native functies te bereiken, belangrijk voor apps met native behoeften terwijl verduidelijkt wordt dat de meeste functionaliteit uit bestaande bibliotheken in plaats van aangepaste native code komt, nuttige context voor het werken met React Native's native mogelijkheden.