re-notifier

Redux notifier with using standard web HTML5 API for browser notification

Installation

npm i re-notifier --save

Usage

First step: Add re-notifier to your redux reducers.

import{combineReducers}from"redux";import{renotifierReducer}from"re-notifier";constreducers=combineReducers({
...
renotifier: renotifierReducer...});exportdefaultreducers;

Next step: You must get a permission. Ask user about access to his browser notification.

import{getPermission}from"re-notifier";classSomeComponentextendsReact.Component{
...
componentDidMount(){this.props.dispatch(getPermission());}
...
}

After all, you will get the opportunity to send browser notification using re-notifier actions in the way:

import{sendNotification}from"re-notifier";this.props.dispatch(sendNotification({title: "This is a title",options: {body: "this is a description"},onclick: function(){console.log("a user made click to the notification")}}));

Module "re-notifier" serve all web HTML5 API standards.

Property	Type	Description
title	string (required)	A title of the notication.
options	Object	Notification items such as body, icon, tag and etc.
onclick	function	Function which was called after click.
closeOnclick	bool	Close the notification after click.