Vad är native modules i React Native?

Question

Accepted Answer

**Native modules** låter React Native (JavaScript) få åtkomst till **native plattformskod och funktioner** (iOS/Android) som inte är tillgängliga genom JavaScript — brygga till native API:er, SDK:er eller anpassad native funktionalitet. De utökar React Native bortom vad JavaScript ensamt tillhandahåller.

## Varför native modules finns

```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.
```

## Använda native modules (mestadels via bibliotek)

```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
```

## Skriva en anpassad native module (konceptuellt)

```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
```

## Varför det är viktigt

Att förstå native modules är värdefullt eftersom de är **hur React Native får åtkomst till native plattformsfunktioner** bortom vad JavaScript tillhandahåller — en viktig möjlighet för appar som behöver native funktioner, så det är användbar kunskap för React Native-utveckling.

Huvudbehovet — React Native:s JavaScript kan inte direkt komma åt alla native funktioner, så **native modules bryggar JS till native kod** (Swift/Objective-C, Kotlin/Java) — löser hur React Native får åtkomst till enhetsfunktioner (kamera, geoposition, Bluetooth, push-meddelanden), använder native SDK:er och implementerar prestandakritisk eller plattformsspecifik funktionalitet.

Att förstå **praktisk verklighet** är viktigt: **de flesta native funktioner är tillgängliga genom befintliga bibliotek** (npm-paket som innehåller native modules) eller **Expo:s hanterade native API:er**, så du **installerar vanligtvis ett bibliotek istället för att skriva native kod själv** — vilket betyder att de flesta utvecklare konsumerar native modules via bibliotek snarare än att skriva dem själva, en viktig praktisk poäng som sätter realistiska förväntningar.

Att förstå att du **skriver en anpassad native module endast när inget bibliotek finns** för ditt specifika behov (kräver native utvecklingskunskap och implementering per plattform) klargör när anpassat native arbete är nödvändigt.

Att veta att **den nya arkitekturen** (JSI, TurboModules, Fabric) förbättrar native interop-prestanda återspeglar medvetenhet om React Native:s utveckling.

Native modules är hur React Native integreras med den native plattformen, viktigt för appar med native krav, även om de flesta behov uppfylls av befintliga bibliotek.

Eftersom åtkomst till native funktioner ibland är nödvändig (för enhetsfunktioner och native integrering) och native modules (mestadels via bibliotek, ibland anpassade) är React Native:s mekanism för det, och eftersom att förstå hur de fungerar och att de flesta behov uppfylls av befintliga bibliotek är värdefullt för React Native-utveckling, är förståelse för native modules värdefull, praktiskt relevant kunskap — bryggan som möjliggör React Native att få åtkomst till native funktioner, viktigt för appar med native behov samtidigt som det klargör att de flesta funktioner kommer från befintliga bibliotek snarare än anpassad native kod, användbar kontext för att arbeta med React Native:s native funktioner.