react

@nano_kit/react

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

Installation

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

Quick Start

Here is a minimal example demonstrating reactive state in React:

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

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.