@nanostores/react

Nano Stores React

React integration for Nano Stores, a tiny state manager with many atomic tree-shakable stores.

• Small. Less than 1 KB. Zero dependencies.
• Fast. With small atomic and derived stores, you do not need to call the selector function for all components on every store change.
• Tree Shakable. The chunk contains only stores used by components in the chunk.
• Was designed to move logic from components to stores.
• It has good TypeScript support.

import { useStore } from '@nanostores/react'

import { profile } from '../stores/profile.js'

export const Header = () => {
  const { userId } = useStore(profile)
  return <header>{currentUser.name}</header>
}

Changelog

0.7.1

• Reverted onStart/onStop fix (by Dan Kozlov).

0.7

• Moved to Nano Stores 0.9.
• Fixed unnecessary onStart/onStop calls (by Sergey Kozlov).

0.6

• Reduced size by using import from React 18 (by Sergey Kozlov).

0.5

• Moved to Nano Stores 0.8.