Description

• Simple EventBus (EventEmitter) (Class define)
• Quick for update. (No need share context with react.)
• Top EventBus (can use with mFE)

Usage

npm install eventbus-z --save

Import the module in the place you want to use:

import EventBus from 'eventbus-z'

// import { $emit, $on, $off ...} from 'eventbus-z'

Snippet

simple

    // EventBus.$emit => notify event(name, data)
    // EventBus.$on => register event(name, func)
    // EventBus.$once => register event(name, func) one time
    // EventBus.$off => off event (name, func)
    // EventBus.$offAll => offAll event(name)
	// EventBus.$reset => clear all


	// simple for react-hook js  => can make customize hook
    React.useEffect(() => {
        EventBus.$on("NAME_ABC", func)
        // EventBus.$on("NAME_DEF", func2)
        // EventBus.$on("xzy", func3)

        // clean
        return function() {
            EventBus.$off("NAME_ABC", func)
            //...EventBus.$off("NAME_DEF", func2)
        }
    }, [])

    // @ts-ignore
    const func = (item, xxx) => {
      // do something
      alert(item)
    }

	// from another element
    buttonClick = () => {
        EventBus.$emit("NAME_ABC", 434, 44)
        // EventBus.$emit("NAME_DEF", [434, 44], 44, "434") // multi value, any type
    }

props

RUN

LIVE EXAMPLE

npm install

npm run dev
npm run start

License

MIT