@preact/signals-core

What is @preact/signals-core?

@preact/signals-core is a state management library designed for Preact applications. It provides reactive signals that can be used to manage and update state efficiently. The package is lightweight and focuses on providing a simple API for state management.

What are @preact/signals-core's main functionalities?

Creating Signals

Signals are reactive state containers. You can create a signal with an initial value and update it. The value of the signal can be accessed and modified using the `.value` property.

const { signal } = require('@preact/signals-core');
const count = signal(0);
console.log(count.value); // 0
count.value = 1;
console.log(count.value); // 1

Computed Values

Computed values are derived from other signals. They automatically update when the signals they depend on change.

const { signal, computed } = require('@preact/signals-core');
const count = signal(0);
const doubleCount = computed(() => count.value * 2);
console.log(doubleCount.value); // 0
count.value = 2;
console.log(doubleCount.value); // 4

Effects

Effects are functions that run whenever the signals they depend on change. They are useful for performing side effects in response to state changes.

const { signal, effect } = require('@preact/signals-core');
const count = signal(0);
effect(() => {
  console.log(`Count is now ${count.value}`);
});
count.value = 1; // Logs: Count is now 1

Other packages similar to @preact/signals-core

mobx

MobX is a state management library that makes it simple to connect the reactive data of your application with the UI. It provides observables, computed values, and reactions, similar to signals, computed values, and effects in @preact/signals-core. However, MobX is more feature-rich and can be used with various frameworks, not just Preact.

valtio

Valtio is a proxy-state library that captures the state and makes it reactive. It provides a simple API for creating reactive state and is framework-agnostic. Valtio's approach is similar to @preact/signals-core but uses JavaScript proxies to track state changes.

zustand

Zustand is a small, fast, and scalable state management solution. It provides a simple API for creating and managing state, with a focus on simplicity and performance. While it does not use signals, it offers a similar level of simplicity and ease of use for state management.

README

The README file is missing