BUILT FOR REACT NATIVE

React Native Push Notifications

Build React Native push notifications into your app with Tencent RTC Push. Register devices, handle notification taps, and connect each update to a useful destination.

DEVELOPER RESOURCES

React Native Push Developer Resources

A class booked in your app

Connect React Native push notifications to fitness bookings, with one JavaScript integration and platform-specific delivery configuration.

A new session to come back for

Send React Native push notifications for subscribed classes. Your app controls audience rules, scheduling, and the destination.

REACT NATIVE PUSH CAPABILITIES

Built around the notification lifecycle

Device registration

  • Connect a push recipient
  • Handle setup errors

Notification callbacks

  • Respond to a notification tap
  • Route inside your own app

Platform delivery

  • Configure native channels
  • Test permission and app states

Register, receive, and respond

Registration, click handling, and recipient lookup. Focused snippets from the official SDK APIs.

Register

Register a test device

Connect react native push notifications after your platform setup and permission flow.

Read the Documentation
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

CUSTOMIZATION

Make every notification feel at home

Keep preferences and destination screens in your own application.

Let people choose useful updates

Connect react native push notifications to the interests and preferences maintained by your app.

Read the Documentation

GET STARTED

Your first notification, step by step

  1. 01

    Create your app

    Enable Push for your application and test users.

    Open Push Console
  2. 02

    Install the Push SDK

    Follow the platform guide to connect your project.

    Follow the Integration Guide
  3. 03

    Send your first notification

    Configure delivery credentials, register a test device, and verify notification taps in foreground and background states.

    Configure Push Credentials
React Native Push SDK
Terminal
npm install @tencentcloud/react-native-push --save
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

React Native Push Notifications FAQs

How do I add React Native push notifications to my app?

Configure the native Android application class and iOS project as described in the guide. JavaScript installation alone does not configure APNs, Android channels, or device permissions.

Are these snippets a complete application?

These are focused integration excerpts. Add the package imports, native project configuration, lifecycle handling, and error behavior from the complete guide. VERSION denotes a release you select, not a literal package version.

Can notifications arrive when the app is closed?

Supported offline channels can deliver notifications, subject to operating system policies, permission, network conditions, and device settings. Test the exact devices and app states you support.

How are React Native push notifications sent to the right user?

Register the device, retrieve its registration ID, and maintain the recipient-account association in your backend. Refresh associations when the user changes and validate access when opening the destination.

What do React Native push notifications cost?

App Push offers a free plan and paid plans with different included MAU, queues, and features. Review the current plan and overage rules before selecting a production package.

How do I integrate React Native push notifications with React Native?

Install the documented package and native dependencies, then rebuild your native app. Verify permissions, lifecycle and native callbacks rather than assuming a JavaScript-only runtime.

How do I test React Native push notifications before releasing my app?

Test recipient registration and notification click callbacks across foreground, background and terminated states.

How do I customize the interface for React Native push notifications?

Handle the documented notification payload and click callback. Your app validates destination access and controls the screen it opens.

React Native Push Integration Support

Talk about your application

Discuss your product, expected usage, and integration needs.

Contact Sales

Build your next update with react native push notifications

Start with a test device. Connect your real application events when the integration is ready.