⚡ signals

Fine-grained reactive primitives for building reactive applications.
No virtual DOM. No useEffect. Just pure reactivity.

Features

• 📦 Ultra Lightweight: ~2.4KB minified
• ⚡ Automatic Tracking: Tracks dependencies automatically
• 🔧 Framework-agnostic: Works anywhere
• 💡 Simple: Just signal() and reactive updates

Install

pnpm add @ochairo/signals

Quick Start

import { signal } from '@ochairo/signals';

const count = signal(0);

count.value;     // Read: 0
count.set(1);    // Write: 1

Computed

const firstName = signal('John');
const lastName = signal('Doe');
const fullName = signal(() => `${firstName.value} ${lastName.value}`);

fullName.value;  // "John Doe"

Effects

const count = signal(0);

count.on((value) => {
  console.log(`Count: ${value}`);
});

count.set(1);  // Logs: "Count: 1"

Documentation

• API Reference
• Usage Guide
• Examples

Report Bug • Request Feature

Made with ❤︎ by ochairo