@solid-primitives/set

@solid-primitives/set

The Javascript built-in Set & WeakSet data structures as a reactive signals.

• ReactiveSet - A reactive version of a Javascript built-in Set class.
• ReactiveWeakSet - A reactive version of a Javascript built-in WeakSet class.

Installation

npm install @solid-primitives/set
# or
yarn add @solid-primitives/set
# or
pnpm add @solid-primitives/set

ReactiveSet

A reactive version of a Javascript built-in Set class.

How to use it

Import

import { ReactiveSet } from "@solid-primitives/set";

Basic usage

const set = new ReactiveSet([1, 1, 2, 3]);

// listen for changes reactively
createEffect(() => {
  [...set]; // => [1,2,3] (reactive on any change)
  set.has(2); // => true (reactive on change to the result)
});

// apply like with normal Set
set.add(4);
set.delete(2);
set.clear();

ReactiveWeakSet

A reactive version of a Javascript built-in WeakSet class.

How to use it

Import

import { ReactiveWeakSet } from "@solid-primitives/set";

Basic usage

const set = new ReactiveWeakSet([1, 1, 2, 3]);

// listen for changes reactively
createEffect(() => {
  set.has(2); // => true (reactive on change to the result)
});

// apply changes like with normal Set
set.add(4);
set.delete(2);

Changelog

See CHANGELOG.md