re-notifier

    0.1.2 • Public • Published

    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.

    Install

    npm i re-notifier

    DownloadsWeekly Downloads

    4

    Version

    0.1.2

    License

    MIT

    Last publish

    Collaborators

    • nesterman