Have ideas to improve npm?Join in the discussion! »

    react-notie
    TypeScript icon, indicating that this package has built-in type declarations

    1.3.0 • Public • Published

    NPM version Build Status Dependency Status Dev Dependency Status

    NPM

    React Notie

    Simple notification for React.

    Inspired from notie by @jaredreich

    Table of Contents

    Installation

    Using npm

    npm install --save react-notie
    

    Using yarn

    yarn add react-notie
    

    Browser Support

    • Edge >= 12
    • FireFox >= 38
    • Chrome >= 47
    • Opera >= 34
    • Safari >= 9

    Note: For other browsers like Safari < 9 and IE 11, you need to polyfill Object.assign and Promise.

    Usage

    1. Render root of your app within <NotieProvider />.
    2. use withNotie decorator/hoc with the component where you want to notie.
    3. include react-notie/css/notie.css.
    // index.js
    import React from 'react';
    import ReactDOM from 'react-dom';
    import { NotieProvider } from 'react-notie';
     
    const App = (
        <NotieProvider>
            <MyApp/>
        </NotieProvider>
    )
     
    ReactDOM.render(App, document.getElementById('root'));
     
    // MyComponent.js
    import React, { Component } from 'react';
    import { withNotie } from 'react-notie';
     
    class MyComponent extends Component {
        someAsyncAction = () => {
            fetch('/do-something').then(() => {
                this.props.notie.success('Thing Done!')
            });
        }
     
        render() {
            return (
                ......
            )
        }
    }
     
    export default withNotie(MyComponent);

    API

    API docs

    Contributors

    All Contributors

    Changelog

    For Changelog, see releases

    License

    MIT. Copyright(c) Vivek Kumar Bansal

    Install

    npm i react-notie

    DownloadsWeekly Downloads

    6

    Version

    1.3.0

    License

    MIT

    Last publish

    Collaborators

    • avatar