Redux notifier with using standard web HTML5 API for browser notification
npm i re-notifier --save
First step: Add re-notifier to your redux reducers.
import { combineReducers } from "redux";
imp
6CAF
ort { renotifierReducer } from "re-notifier";
const reducers = combineReducers({
...
renotifier: renotifierReducer
...
});
export default reducers;Next step: You must get a permission. Ask user about access to his browser notification.
import { getPermission } from "re-notifier";
class SomeComponent extends React.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. |