🔔Push notification (Expo react native)

Tech Stack

Notifee Library - Local notification display and management
Firebase App - Core Firebase functionality
Firebase Cloud Messaging (FCM) - Push notification delivery
React Native / Expo - Development framework

Overview

This comprehensive guide explains how to implement push notifications in an Expo project using Notifee and Firebase Cloud Messaging (FCM). Since Expo Go does not support custom native modules like Notifee or FCM, you will need to create a custom development client using EAS Build.

Step 1: Install Required Packages

1. Notifee Installation

npm install @notifee/react-native

2. Firebase Setup

npm install @react-native-firebase/app @react-native-firebase/messaging

Step 2: Setup Expo Project

1. Create an Expo project

npx create-expo-app NotificationApp
cd NotificationApp

2. Configure `app.json` or `app.config.js`

{
  "expo": {
    "name": "NotificationApp",
    "slug": "notification-app",
    "version": "1.0.0",
    "platforms": ["android"],
    "android": {
      "package": "com.notifeedemo.android",
      "googleServicesFile": "./google-services.json"
    },
    "plugins": [
      "@notifee/react-native",
      "@react-native-firebase/app",
      "@react-native-firebase/messaging"
    ]
  }
}