Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-notification-center-component with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactNotificationCenterComponent = require("react-notification-center-component")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-notification-center-component v1.0.9

A complete realtime notification center for React apps

A complete real-time notification system for React apps

See a demo here. Full documentation can be found at

This package includes the end-user-facing notification center component. There is an accompanying notification system for generating notifications with a simple REST API which can be found at


npm install --save react-notification-center-component


import React from 'react';
import NotificationCenter from 'react-notification-center-component';

function App() {
  return (
    <div >
      <NotificationCenter className="myCustomClass" appId="u5O4GI0C8X" subscriberId="foo2"/>

export default App;


Prop NameTypeDescription
appIdPropTypes.stringAutomatically generated when you sign up. You can find it in the Ravenhub app in the top right corner next to the logout button.
subscriberIdPropTypes.stringThe unique ID that you use to identify the user who is logged in. This is how we know who to send notifications to.
classNamePropTypes.stringName for a CSS class to apply to the component (default is 'customClass')

##Analytics This notification system also includes activity and engagement tracking in the dashboard available at

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free