Apa itu native modules dalam React Native?

Question

Accepted Answer

**Native modules** memungkinkan React Native (JavaScript) mengakses **kode dan fitur platform native** (iOS/Android) yang tidak tersedia melalui JavaScript — menjembatani ke native APIs, SDKs, atau custom native functionality. Native modules memperluas React Native melampaui apa yang hanya bisa dilakukan JS.

## Mengapa native modules ada

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

## Menggunakan native modules (sebagian besar melalui libraries)

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

## Menulis custom native module (secara konseptual)

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

## Mengapa ini penting

Memahami native modules berharga karena mereka adalah **cara React Native mengakses native platform capabilities** melampaui apa yang JavaScript sediakan, sebuah kemampuan penting untuk apps yang memerlukan native features, jadi merupakan pengetahuan yang berguna untuk React Native development.

Kebutuhan inti — JavaScript React Native tidak dapat langsung mengakses setiap native capability, jadi **native modules menjembatani JS ke native code** (Swift/Objective-C, Kotlin/Java) — mengatasi bagaimana React Native mengakses device features (camera, geolocation, Bluetooth, push notifications), menggunakan native SDKs, dan mengimplementasikan functionality yang critical untuk performance atau platform-specific.

Memahami **realitas praktis** penting: **sebagian besar native functionality tersedia melalui existing libraries** (npm packages yang bundle native modules) atau **Expo's managed native APIs**, jadi biasanya Anda **install sebuah library daripada menulis native code sendiri** — yang berarti kebanyakan developers menggunakan native modules melalui libraries daripada menulisnya, sebuah poin praktis penting yang menetapkan ekspektasi realistis.

Memahami bahwa Anda **menulis custom native module hanya ketika tidak ada library** untuk kebutuhan spesifik Anda (memerlukan native development knowledge dan per-platform implementation) memperjelas kapan custom native work dibutuhkan.

Mengetahui bahwa **new architecture** (JSI, TurboModules, Fabric) meningkatkan native interop performance mencerminkan awareness tentang evolusi React Native.

Native modules adalah bagaimana React Native terintegrasi dengan native platform, penting untuk apps dengan native requirements, meskipun sebagian besar kebutuhan dipenuhi oleh existing libraries.

Karena mengakses native capabilities kadang diperlukan (untuk device features dan native integration) dan native modules (sebagian besar melalui libraries, sesekali custom) adalah mekanisme React Native untuk itu, dan karena memahami bagaimana cara kerjanya dan bahwa sebagian besar kebutuhan dipenuhi oleh existing libraries berharga untuk React Native development, memahami native modules adalah pengetahuan yang berharga dan praktis — jembatan yang memungkinkan React Native mengakses native features, penting untuk apps dengan native needs sambil memperjelas bahwa sebagian besar functionality berasal dari existing libraries daripada custom native code, konteks berguna untuk bekerja dengan native capabilities React Native.