Cosa sono i moduli nativi in React Native?

Question

Accepted Answer

**I moduli nativi** permettono a React Native (JavaScript) di accedere a **codice e funzionalità native della piattaforma** (iOS/Android) non disponibili tramite JavaScript — collegandosi a API native, SDK o funzionalità native personalizzate. Estendono React Native oltre quello che JavaScript da solo fornisce.

## Perché è importante

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

## Utilizzo di moduli nativi (principalmente tramite librerie)

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

## Scrivere un modulo nativo personalizzato (concettualmente)

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

## Perché è importante

Comprendere i moduli nativi è prezioso perché sono **il modo in cui React Native accede alle capacità native della piattaforma** oltre a quello che JavaScript fornisce, una capacità importante per app che necessitano di funzionalità native, quindi è una conoscenza utile per lo sviluppo di React Native.

La necessità fondamentale — JavaScript di React Native non può accedere direttamente a ogni capacità nativa, quindi **i moduli nativi collegano JS al codice nativo** (Swift/Objective-C, Kotlin/Java) — affronta come React Native accede alle funzionalità del dispositivo (fotocamera, geolocalizzazione, Bluetooth, notifiche push), utilizza SDK nativi e implementa funzionalità critiche per le prestazioni o specifiche della piattaforma.

Comprendere la **realtà pratica** è importante: **la maggior parte della funzionalità nativa è disponibile tramite librerie esistenti** (pacchetti npm che includono moduli nativi) o **API native gestite di Expo**, quindi di solito **installi una libreria piuttosto che scrivere codice nativo tu stesso** — il che significa che la maggior parte degli sviluppatori consuma moduli nativi tramite librerie piuttosto che scriverli, un punto pratico importante che pone aspettative realistiche.

Comprendere che **scrivi un modulo nativo personalizzato solo quando non esiste nessuna libreria** per la tua esigenza specifica (richiedendo conoscenza dello sviluppo nativo e implementazione per piattaforma) chiarisce quando è necessario il lavoro nativo personalizzato.

Sapere che la **nuova architettura** (JSI, TurboModules, Fabric) migliora le prestazioni dell'interoperabilità nativa riflette la consapevolezza dell'evoluzione di React Native.

I moduli nativi sono il modo in cui React Native si integra con la piattaforma nativa, importante per app con requisiti nativi, anche se la maggior parte delle esigenze è soddisfatta da librerie esistenti.

Poiché l'accesso alle capacità native è talvolta necessario (per funzionalità del dispositivo e integrazione nativa) e i moduli nativi (principalmente tramite librerie, occasionalmente personalizzati) sono il meccanismo di React Native per farlo, e poiché comprendere come funzionano e che la maggior parte delle esigenze è soddisfatta da librerie esistenti è prezioso per lo sviluppo di React Native, comprendere i moduli nativi è una conoscenza preziosa e praticamente rilevante — il ponte che consente a React Native di accedere alle funzionalità native, importante per app con esigenze native mentre chiarisce che la maggior parte della funzionalità proviene da librerie esistenti piuttosto che da codice nativo personalizzato, contesto utile per lavorare con le capacità native di React Native.