Native modules ใน React Native คืออะไร?

Question

Accepted Answer

**Native modules** ช่วยให้ React Native (JavaScript) เข้าถึง **โค้ดและฟีเจอร์ของแพลตฟอร์ม native** (iOS/Android) ที่ไม่มีให้ผ่าน JavaScript — เป็นสะพานเชื่อมไปยัง native API, SDK หรือฟังก์ชัน native ที่กำหนดเอง มันขยาย React Native ให้เกินกว่าที่ JS เพียงอย่างเดียวให้ได้

## ทำไม native modules จึงมีอยู่

```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 (ส่วนใหญ่ผ่านไลบรารี)

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

## การเขียน custom native module (เชิงแนวคิด)

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

## ทำไมจึงสำคัญ

การเข้าใจ native modules มีคุณค่า เพราะมันคือ **วิธีที่ React Native เข้าถึงความสามารถของแพลตฟอร์ม native** เกินกว่าที่ JavaScript ให้ได้ ซึ่งเป็นความสามารถสำคัญสำหรับแอปที่ต้องการฟีเจอร์ native จึงเป็นความรู้ที่เป็นประโยชน์ต่อการพัฒนา React Native

ความต้องการหลัก — JavaScript ของ React Native ไม่สามารถเข้าถึงทุกความสามารถ native ได้โดยตรง ดังนั้น **native modules จึงเชื่อม JS กับโค้ด native** (Swift/Objective-C, Kotlin/Java) — ตอบโจทย์ว่า React Native เข้าถึงฟีเจอร์ของอุปกรณ์อย่างไร (camera, geolocation, Bluetooth, push notification), ใช้ native SDK และ implement ฟังก์ชันที่ต้องการประสิทธิภาพสูงหรือเฉพาะแพลตฟอร์มอย่างไร

การเข้าใจ **ความเป็นจริงเชิงปฏิบัติ** เป็นเรื่องสำคัญ: **ฟังก์ชัน native ส่วนใหญ่มีให้ผ่านไลบรารีที่มีอยู่แล้ว** (npm package ที่รวม native module) หรือ **native API แบบ managed ของ Expo** ดังนั้นคุณมักจะ **ติดตั้งไลบรารีแทนการเขียนโค้ด native เอง** — หมายความว่านักพัฒนาส่วนใหญ่ใช้ native module ผ่านไลบรารีแทนการเขียนเอง ซึ่งเป็นประเด็นเชิงปฏิบัติสำคัญที่ตั้งความคาดหวังตามความเป็นจริง

การเข้าใจว่าคุณ **เขียน custom native module เฉพาะเมื่อไม่มีไลบรารี** สำหรับความต้องการเฉพาะของคุณ (ต้องใช้ความรู้การพัฒนา native และการ implement แยกตามแพลตฟอร์ม) ทำให้ชัดเจนว่าเมื่อใดจึงต้องทำงาน native แบบกำหนดเอง

การรู้ว่า **สถาปัตยกรรมใหม่** (JSI, TurboModules, Fabric) ปรับปรุงประสิทธิภาพการทำงานร่วมกับ native สะท้อนถึงความตระหนักในวิวัฒนาการของ React Native

Native modules คือวิธีที่ React Native ผสานกับแพลตฟอร์ม native สำคัญต่อแอปที่มีความต้องการ native แม้ว่าความต้องการส่วนใหญ่จะตอบสนองได้ด้วยไลบรารีที่มีอยู่แล้ว

เนื่องจากการเข้าถึงความสามารถ native บางครั้งจำเป็น (สำหรับฟีเจอร์ของอุปกรณ์และการผสาน native) และ native modules (ส่วนใหญ่ผ่านไลบรารี บางครั้งแบบกำหนดเอง) คือกลไกของ React Native สำหรับเรื่องนี้ และเนื่องจากการเข้าใจว่ามันทำงานอย่างไรและความต้องการส่วนใหญ่ตอบสนองได้ด้วยไลบรารีที่มีอยู่แล้วมีคุณค่าต่อการพัฒนา React Native ดังนั้นการเข้าใจ native modules จึงเป็นความรู้ที่มีคุณค่าและเกี่ยวข้องเชิงปฏิบัติ — สะพานที่ทำให้ React Native เข้าถึงฟีเจอร์ native ได้ สำคัญต่อแอปที่มีความต้องการ native ขณะที่ทำให้ชัดเจนว่าฟังก์ชันส่วนใหญ่มาจากไลบรารีที่มีอยู่แล้วแทนโค้ด native แบบกำหนดเอง ซึ่งเป็นบริบทที่เป็นประโยชน์ต่อการทำงานกับความสามารถ native ของ React Native