use-custom-event
v1.1.0
Published
![Bundle Size](https://img.shields.io/bundlephobia/minzip/use-custom-event) ![npm version](https://badgen.net/npm/v/use-custom-event) ![types](https://badgen.net/npm/types/use-custom-event) ![visitor badge](https://visitor-badge.glitch.me/badge?page_id=us
Downloads
337
Maintainers
Readme
use-custom-event
A simple utility to create custom event emitter, listener (subscriber) and React hook for listening. Make the event payload strictly typed using zod
Installation
npm install use-custom-event
Usage
import { z } from 'zod';
import { createEventEmitter } from 'use-custom-event';
const { emit, useEventListener } = createEventEmitter(
'my-event',
z.object({
name: z.string(),
})
);
function App() {
useEventListener(
useCallback((data) => {
console.log(data.name);
}, [])
);
return (
<button
onClick={() => {
emit({
name: 'drenther',
});
}}
>
Trigger Event
</button>
);
}
Use it for whatever you like and drop us a star!