Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
@action-land/smitten
Advanced tools
Readme
smitten is an action emitter library. It helps emit actions from virtual dom components in an efficient and elegant manner.
via npm:
$ npm install @action-land/smitten --save
import * as smitten from '@action-land/smitten'
// Logs the `Actions`
const actionListener = action => {
console.log(action)
}
// Creating a new instance
const emitter = smitten.create(actionListener)
// Sample Usage
const component = (emitter) => (
<div>
<button onClick={emitter.of('hello').emit}>Hello</button>
<button onClick={emitter.of('bye').emit}>Bye</button>
<div>
)
// vNode being returned from the component
const vNode = component(emitter)
On clicking on buttons, the actionListener
logs the following Action
s —
// Hello
{type: 'hello', value: [ClickEvent]}
// Bye
{type: 'bye', value: [ClickEvent]}
The value
in this case is the actual click event.
Smitten converts DOM Events into an Action. An Action
has two properties —
type
: Its a string|number
identifier which depicts the originator of event. For example — if an event is fired from the side navigation, the corresponding Action
could have a type
as SIDE_NAV
.value
: Value is the payload that needs to be transmitted via the Action
. In most cases it would be the DOM event. In some cases the value it self could be an Action
. This is especially useful when the nesting of components is really deep and one would like to namespace actions based on the hierarchy of components.This is the constructor function for creating the action emitter. It takes in a single listener and returns an instance of Smitten
.
Usage
import * as smitten from '@action-land/smitten'
const actionListener = event => {
// do something with that event
}
const emitter = smitten.create(actionListener) // returns a Smitten
It takes in a type
which is of type string|number
and returns a new instance of Smitten
. For Eg:
import * as smitten from '@action-land/smitten'
const h0 = smitten.create(listener)
const h1 = h0
.of('A')
.of('B')
.of('C')
It is available on all Smitten
instances. It takes in any value
and based on the type
it dispatches an action
.
FAQs
Higher order event emitter
The npm package @action-land/smitten receives a total of 1,049 weekly downloads. As such, @action-land/smitten popularity was classified as popular.
We found that @action-land/smitten 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.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.