event-bus-e2z
v1.0.1
Published
Simple event emitter 2. (Event global)
Downloads
31
Maintainers
Readme
Description
- Simple EventBus (EventEmitter) (Class define)
- Quick for update. (No need share context with react.)
Usage
npm install event-bus-e2z --save
Import the module in the place you want to use:
import EventBus from 'event-bus-e2z'
// import { $emit, $on, $off ...} from 'event-bus-e2z'
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