re-notifier

Redux notifier with using standard web HTML5 API for browser notification

Usage no npm install needed!

<script type="module">
  import reNotifier from 'https://cdn.skypack.dev/re-notifier';
</script>

README

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";

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.