Bagaimana cara kerja push notifications di React Native?

Question

Accepted Answer

**Push notifications** memungkinkan aplikasi untuk memberi notifikasi kepada pengguna bahkan ketika aplikasi tidak terbuka — untuk pesan, pembaruan, dan engagement. Di React Native, mereka melibatkan layanan platform (APNs untuk iOS, FCM untuk Android), izin, device tokens, dan penanganan event notifikasi.

## Cara kerja push notifications (alurnya)

```text
1. The app requests notification PERMISSION from the user (especially iOS — opt-in)
2. The device registers and gets a unique push TOKEN (identifies this device/app install)
3. The app sends the token to YOUR SERVER (stores it to target this device)
4. Your server sends a notification → via the platform service:
   APNs (Apple Push Notification service) for iOS, FCM (Firebase Cloud Messaging) for Android
5. The platform delivers it to the device → the app shows/handles it
→ Notifications work even when the app is closed (the OS handles delivery).
```

## Implementasi di React Native

```text
→ LIBRARIES handle the complexity:
  - Expo Notifications (managed, simpler) — for Expo apps
  - @react-native-firebase/messaging (FCM) — common for bare/cross-platform
  - Notifee — rich local/displayed notifications
→ Request permission, get the token, send it to your backend, handle received notifications
```

## Menangani notifications

```text
✓ FOREGROUND — app open: handle the notification in-app (show a banner, update data)
✓ BACKGROUND / closed — the OS shows it; tapping it OPENS the app (often to a specific
  screen — DEEP LINKING from the notification)
✓ Types: REMOTE (from a server, push) vs LOCAL (scheduled by the app itself)
✓ Handle the token lifecycle (refresh), permissions, and notification taps (navigation)
```

## Mengapa ini penting

Memahami cara kerja push notifications sangat berharga karena **notifikasi adalah fitur umum dan penting** untuk engagement dan komunikasi pengguna, sehingga ini adalah pengetahuan praktis yang berguna untuk aplikasi yang membutuhkannya.

Push notifications (memberi notifikasi kepada pengguna bahkan ketika aplikasi tidak terbuka — untuk pesan, pembaruan, pengingat, dan engagement) adalah fitur yang banyak dibutuhkan, dan memahami cara kerjanya di React Native sangat berharga.

Memahami **alurnya** — meminta **izin** (terutama opt-in iOS), mendapatkan **device token** yang unik, mengirimnya ke **server Anda** (untuk menargetkan device), dan server mengirim notifikasi **melalui layanan platform** (APNs untuk iOS, FCM untuk Android) yang mengirimkan ke device bahkan ketika aplikasi tertutup — memperjelas arsitektur, yang melibatkan aplikasi Anda, backend Anda, dan layanan push platform yang bekerja bersama.

Memahami bahwa **library menangani kompleksitasnya** (Expo Notifications untuk aplikasi managed, React Native Firebase untuk FCM, Notifee untuk rich notifications) mencerminkan realitas praktis bahwa Anda menggunakan library daripada mengimplementasikan detail level rendah.

Memahami **penanganan notifikasi** — perbedaan antara foreground (aplikasi terbuka, tangani in-app), background/tertutup (OS menampilkannya, mengetuk membuka aplikasi, sering dengan **deep linking** ke layar tertentu), dan notifikasi remote vs lokal, plus mengelola lifecycle token dan notifikasi taps (navigasi) — diperlukan untuk mengimplementasikan notifikasi dengan benar.

Notifikasi penting untuk engagement dan komunikasi (persyaratan produk yang umum), dan mengimplementasikannya melibatkan layanan khusus platform dan beberapa bagian yang bergerak.

Karena push notifications adalah fitur umum dan berharga untuk engagement dan komunikasi, dan karena memahami alur (izin, tokens, layanan platform), library, dan penanganan notifikasi (foreground/background, deep linking) diperlukan untuk mengimplementasikannya, memahami push notifications di React Native adalah pengetahuan yang berharga dan relevan secara praktis — penting untuk kebutuhan umum memberi notifikasi dan engage pengguna, melibatkan layanan khusus platform dan alur multi-bagian yang pemahaman memperjelas, kemampuan yang berguna untuk banyak aplikasi nyata.