react-use-trigger
React Hook for trigger effect from any place of code. It is an implementation a Pub-Sub strategy on React Hooks.
- Small 305 bytes (minified and gzipped).
- Both Flow and TS types included.
;; const fooTrigger = ; const Subscriber = { ; return <div />;} const Sender = { return <button onClick= { // call trigger }>Send</button>}
Also, useTrigger
may be used for combine with other inputs:
const Subscriber = { const fooTriggerValue = ; const someState setSomeState = ; ; return <div />;}
Installation
Install it with yarn:
yarn add react-use-trigger
Or with npm:
npm i react-use-trigger --save
API
createTrigger(): TriggerWrapper;
Create a trigger.
TriggerWrapper
is function, that update value of trigger.
useTrigger(triggerWrapper: TriggerWrapper): string;
Returns current value of trigger. A string, generated by nanoid.
Can be used for combine trigger with other inputs:
; const Subscriber = { const fooTriggerValue = ; const someState setSomeState = ; ; return <div />;}
useTriggerEffect(create: () => MaybeCleanUpFn, triggerWrapper: TriggerWrapper): void;
Call effect (from create
) for every change of trigger.