React effect trigger hook
npm install 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.
``javascript
import createTrigger from "react-use-trigger";
import useTriggerEffect from "react-use-trigger/useTriggerEffect";
const fooTrigger = createTrigger();
export const Subscriber = () => {
useTriggerEffect(() => {
// make some effect
}, fooTrigger);
return
export const Sender = () => {
return
}
`
Also, useTrigger may be used for combine with other inputs:`javascript`
export const Subscriber = (props) => {
const fooTriggerValue = useTrigger(fooTrigger);
const [someState, setSomeState] = useState();
useEffect(() => {
// make some effect
}, [fooTriggerValue, props.someProp, someState]);
return ;
}
Install it with yarn:
``
yarn add react-use-trigger
Or with npm:
``
npm i react-use-trigger --save
#### createTrigger(): TriggerWrapper;TriggerWrapper
Create a trigger. 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:
`javascript
import useTrigger from "react-use-trigger/useTrigger";
export const Subscriber = (props) => {
const fooTriggerValue = useTrigger(fooTrigger);
const [someState, setSomeState] = useState();
useEffect(() => {
// make some effect
}, [fooTriggerValue, props.someProp, someState]);
return
####
useTriggerEffect(create: () => MaybeCleanUpFn, triggerWrapper: TriggerWrapper): void;Call effect (from
create`) for every change of trigger.