Native module trong React Native là gì?

Question

Accepted Answer

**Native module** cho phép React Native (JavaScript) truy cập **code và tính năng nền tảng native** (iOS/Android) không có sẵn qua JavaScript — bắc cầu tới các API, SDK native, hoặc chức năng native tùy chỉnh. Chúng mở rộng React Native vượt ra ngoài những gì riêng JS cung cấp.

## Tại sao native module tồn tại

```text
JavaScript của React Native không thể truy cập trực tiếp mọi khả năng native. NATIVE MODULE
bắc cầu JS tới code native (Swift/Objective-C trên iOS, Kotlin/Java trên Android):
  → truy cập API/SDK native không được expose cho JS
  → dùng các thư viện native sẵn có
  → triển khai chức năng quan trọng về hiệu năng hoặc đặc thù nền tảng bằng code native
→ Cầu nối giữa JS của React Native và nền tảng native.
```

## Dùng native module (chủ yếu qua thư viện)

```text
→ PHẦN LỚN chức năng native có sẵn qua các THƯ VIỆN SẴN CÓ (gói npm bao gồm native
  module): camera, geolocation, Bluetooth, thanh toán, push notification, v.v.
  → bạn thường CÀI một thư viện thay vì tự viết code native
→ EXPO cung cấp nhiều native API mà không cần viết code native (module managed)
→ Bạn VIẾT một native module tùy chỉnh chỉ khi không có thư viện nào cho nhu cầu của bạn
```

## Viết một native module tùy chỉnh (về mặt khái niệm)

```text
→ Viết code native (Swift/Kotlin) expose các method cho JS
→ Đăng ký/expose nó để JS có thể gọi (qua bridge / TurboModule của kiến trúc mới)
→ Gọi nó từ JavaScript như một module thông thường
→ Cần kiến thức phát triển native; triển khai đặc thù theo từng OS
→ KIẾN TRÚC MỚI (JSI, TurboModule, Fabric) cải thiện hiệu năng interop native
```

## Tại sao điều này quan trọng

Hiểu native module có giá trị vì chúng là **cách React Native truy cập các khả năng nền tảng native** vượt ra ngoài những gì JavaScript cung cấp, một khả năng quan trọng cho app cần tính năng native, nên đây là kiến thức hữu ích cho phát triển React Native.

Nhu cầu cốt lõi — JavaScript của React Native không thể truy cập trực tiếp mọi khả năng native, nên **native module bắc cầu JS tới code native** (Swift/Objective-C, Kotlin/Java) — giải quyết cách React Native truy cập tính năng thiết bị (camera, geolocation, Bluetooth, push notification), dùng SDK native, và triển khai chức năng quan trọng về hiệu năng hoặc đặc thù nền tảng.

Hiểu **thực tế thực hành** là quan trọng: **phần lớn chức năng native có sẵn qua các thư viện sẵn có** (gói npm gói sẵn native module) hoặc **native API managed của Expo**, nên bạn thường **cài một thư viện thay vì tự viết code native** — nghĩa là hầu hết lập trình viên tiêu thụ native module qua thư viện chứ không phải viết chúng, một điểm thực hành quan trọng đặt ra kỳ vọng thực tế.

Hiểu rằng bạn **viết một native module tùy chỉnh chỉ khi không có thư viện** cho nhu cầu cụ thể của bạn (cần kiến thức phát triển native và triển khai theo từng nền tảng) làm rõ khi nào cần công việc native tùy chỉnh.

Biết rằng **kiến trúc mới** (JSI, TurboModule, Fabric) cải thiện hiệu năng interop native phản ánh nhận thức về sự tiến hóa của React Native.

Native module là cách React Native tích hợp với nền tảng native, quan trọng cho app có yêu cầu native, tuy phần lớn nhu cầu được đáp ứng bởi thư viện sẵn có.

Vì truy cập khả năng native đôi khi là cần thiết (cho tính năng thiết bị và tích hợp native) và native module (chủ yếu qua thư viện, đôi khi tùy chỉnh) là cơ chế của React Native cho việc đó, và vì hiểu cách chúng hoạt động và rằng phần lớn nhu cầu được đáp ứng bởi thư viện sẵn có có giá trị cho phát triển React Native, hiểu native module là kiến thức có giá trị, liên quan thực tiễn — cầu nối cho phép React Native truy cập tính năng native, quan trọng cho app có nhu cầu native đồng thời làm rõ rằng phần lớn chức năng đến từ thư viện sẵn có chứ không phải code native tùy chỉnh, bối cảnh hữu ích để làm việc với các khả năng native của React Native.