preact

@nano_kit/preact

The @nano_kit/preact package provides seamless integration between @nano_kit/store signals, dependency injection and Preact components.

Installation

pnpm add @nano_kit/store @nano_kit/preact preact
# or
npm install @nano_kit/store @nano_kit/preact preact
# or
yarn add @nano_kit/store @nano_kit/preact preact

Quick Start

Here is a minimal example demonstrating reactive state in Preact:

import { signal } from '@nano_kit/store'
import { useSignal } from '@nano_kit/preact'

const $count = signal(0)

export function Counter() {
  const count = useSignal($count)

  return (
    <button onClick={() => $count(count + 1)}>
      Count: {count}
    </button>
  )
}

Documentation

For comprehensive guides, API reference, and integration patterns, visit the documentation website.