react-broadcastchannel

!GitHub Workflow Status
!npm bundle size
!npm

This library gives you a simple hook useBroadcastChannel to post or receive message from/to channels.

``tsx
import * as React from 'react';
import { useBroadcastChannel } from 'react-broadcastchannel';

const App = () => {
const [count, setCount] = React.useState(0);
const [post] = useBroadcastChannel('counter', ev => setCount(ev.data))

const handler = () => {
post(count + 1);
setCount(count => count + 1);
}

return (



);
};
`

What is BroadcastChannel API?

BroadcastChannel API allows to communicate between browsing contexts such as iframes, browser tabs, or even workers on the same origin.

API

$3

`ts
const [post] = useBroadcastChannel('channel-id', event => event.data)
``