push-notifications

Configure Expo and Firebase push notifications for React Native apps.

6|Updated Dec 7, 2025
One-click install
npx skills add https://github.com/timequity/plugins --skill push-notifications
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: push-notifications
Source: https://github.com/timequity/plugins/tree/main/craft-coder/mobile/push-notifications
Command: npx skills add https://github.com/timequity/plugins --skill push-notifications

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides setting up push notifications for Expo and backend integration, enabling real-time alerts in React Native apps.

Core Features & Use Cases

  • Expo Setup: Install and configure Expo notifications.
  • Foreground & Tap Handling: Code samples for in-app handling of notifications.
  • Backend Integration: Example server-side push payloads to Expo.
  • Bare Workflow (FCM): Sample code for Firebase Cloud Messaging flow.

Quick Start

Install Expo dependencies with npx expo install expo-notifications expo-device, then integrate the provided client and server code to enable push notifications in your app.

Frequently Asked Questions about push-notifications

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up push notifications in a React Native app?

Push notifications in React Native require installing notification libraries, requesting user permissions, generating device tokens, and configuring a backend to send messages. For Expo apps, use expo-notifications with Expo's push service; for bare workflow, integrate Firebase Cloud Messaging. Both handle foreground and background delivery.

Can I use push notifications with Expo managed workflow and Firebase?

Yes. Expo managed workflow uses Expo's notification service by default for iOS and Android. Bare workflow apps can integrate Firebase Cloud Messaging directly. The Skill covers both paths with sample code for permission flows, token generation, and server-side message delivery.

How do I handle notifications when my React Native app is in the foreground?

Foreground notification handling requires subscribing to notification events in your app code. When a notification arrives while the app is active, your listener receives it before the system displays it, letting you show custom UI or trigger navigation instead of the default alert.

What's required to send push notifications from my server to mobile users?

Server-side push delivery requires obtaining device push tokens from each client, then sending message payloads to Expo's API or Firebase Cloud Messaging with those tokens. The Skill includes example server payloads and backend integration patterns for both platforms.

Do I need to handle iOS and Android push notifications differently?

iOS uses Apple Push Notification service (APNs) and Android uses Firebase Cloud Messaging, but Expo abstracts most platform differences. You request permissions once and use a unified token flow; Expo routes each platform's delivery automatically. The Skill covers permission requests and tap-driven navigation for both.

Why are my push notifications not being delivered reliably?

Unreliable delivery often stems from missing permission requests, incorrect token registration, improper background handling, or misconfigured server payloads. This Skill solves delivery by guiding permission flows, token generation, foreground/background event subscription, and validated server-side messaging patterns.