Security News
UK Officials Consider Banning Ransomware Payments from Public Entities
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
React hook to subscribe and dispatch events across React components
import { dispatch } from 'use-bus'
:
dispatch('string')
: will dispatch the action { type: 'string' }
without payloaddispatch({ type: 'string', payload: 3 })
: will dispatch the given actionimport useBus from 'use-bus'
:
useBus(filter, callback, deps)
: register the given callback
to the given filter
filter
: it can be a string, array of strings, RegExp or a function
string
: if filter is a string, then the action type is test over this given string, if the filter match the type, the callback is calledstring[]
: if the filter array includes the type, the callback is calledRegExp
: if the filter expression matches the type, the callback is calledfunction
: the callback is called if the function returns a truthy valuecallback
: take the action as the first argument so you can retrieve its type and its payload for exampledeps
: is an array where you declare variables you use in callback
, like you are doing for a useEffect from Reactimport React, { useState } from 'react'
import useBus from 'use-bus'
const PrintIterations = () => {
const [iterations, setIterations] = useState(0)
useBus(
'@@ui/ADD_ITERATION',
() => setIterations(iterations + 1),
[iterations],
)
return (
<div>
{'There is '}
{iterations}
{' iterations'}
</div>
)
}
export default PrintIterations
useBus
@@ui/ADD_ITERATION
import React from 'react'
import { dispatch } from 'use-bus'
const IterateBtn = () => {
return (
<button onClick={() => dispatch('@@ui/ADD_ITERATION')}>
Iterate
</button>
)
}
export default IterateBtn
dispatch
and call it with the event you want to sendimport React from 'react'
import PrintIterations from './printIterations'
import IterateBtn from './iterateBtn'
const App = () => {
return (
<div>
<PrintIterations />
<IterateBtn />
</div>
)
}
export default App
There is no connection to do, this is already done by use-bus
.
This example just demonstrate that siblings can interact, but you can imagine a dispatcher wherever you want in the React tree and something that react to the dispatch wherever you want to.
FAQs
> React hook to subscribe and dispatch events across React components
The npm package use-bus receives a total of 3,486 weekly downloads. As such, use-bus popularity was classified as popular.
We found that use-bus demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
Security News
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.
Research
Security News
Socket researchers found several malicious npm packages typosquatting Chalk and Chokidar, targeting Node.js developers with kill switches and data theft.