Nano Stores Preact

npm@nanostores/preact

Official Preact binding for Nano Stores with selective subscriptions to atomic and derived stores.

Native PreactActive

Quick start GitHub npm Documentation Homepage Compare with Nanostores

Verdict

Native Preact

Built for Preact and does not require a React compatibility layer.

When to use it

Evidence level: documented. Latest npm version checked: 1.1.1. The official README documents useStore and explicit SSR hydration strategies.

Overview

`@nanostores/preact` is the official Preact binding for Nano Stores. Its `useStore` hook subscribes components to atomic, computed or map stores and rerenders only when the selected store changes.

Quick start

~%npm install nanostores @nanostores/preact

1import { atom } from 'nanostores';2import { useStore } from '@nanostores/preact';3 4const $count = atom(0);5 6export function Counter() {7  const count = useStore($count);8  return (9    <button onClick={() => $count.set(count + 1)}>10      Count: {count}11    </button>12  );13}

Nano Stores Preact

Native Preact

When to use it

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Alternatives

When to use it

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Alternatives

Related projects