evit

A lightweight, type-safe, stateless event system for building reactive UIs. Designed to enable feature-level communication in large-scale applications using frameworks like React.

evit = event it!

Features

• Fully type-safe payloads and event tags
• Zero re-renders — events are just callbacks, not state
• Built for cross-feature communication
• Framework-agnostic core (@evit/core)
• Optional React bindings via @evit/react
• No external dependencies

Installation

Core library:

npm

npm install @evit/core
Copy

pnpm

pnpm add @evit/core
Copy

yarn

yarn add @evit/core
Copy

React bindings:

You can also install react bindings @evit/react.

🔧 Example

import { defineEvent, withPayload } from '@evit/core'

// Define an event with a payload
const userCreated = defineEvent('user.created', withPayload<{ id: number }>())

// Subscribe to the event
userCreated.on((payload, tag) => {
  console.log(payload.id) // → 123
})

// Trigger the event
userCreated({ id: 123 })
Copy

Use Cases

• Decoupled communication between features, widgets, or UI layers
• Declarative side-effect triggers (e.g. analytics, logging, DOM focus)
• Ideal for Feature-Sliced Design or modular frontend architectures
• Works alongside any state management — or none at all

Packages

License

MIT