Send messages between components.
npm install react-signal
Send messages between components.
alt="react-signal logo"
src="https://raw.githubusercontent.com/bsonntag/react-signal/main/logo.svg"
width="300"
/>
You might not want to use this.
If you need to share state between two components, then
lift that state up
to some common ancestor and pass the state as props.
If that common ancestor is too far up in your tree,
then you can use context
to share that state without having to do
prop drilling.
So when should you use this?
Use this when you want to send some kind of message from one component to another,
without having that message rest in state somewhere.
Using npm:
``sh`
npm install react-signal
Using yarn:
`sh`
yarn add react-signal
`js
import { createSignal } from 'react-signal';
import React from 'react';
const Signal = createSignal();
function Publisher() {
const publish = Signal.usePublish();
return ;
}
function Subscriber() {
Signal.useSubscription((message) => {
console.log('Received: ', message);
});
return
Check the console
;function App() {
return (
);
}
``
Please feel free to submit any issues or pull requests.
Thank you Francisco Morais for your huge help with the logo!
MIT