Preact 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/preact'
import { profile } from '../stores/profile.js'
export const Header = () => {
const { userId } = useStore(profile)
return <header>{currentUser.name}</header>
}