Stook
A minimalist design state management library for React.
Documentation
The documentation site of stook is hosted at https://stook.vercel.app.
Quick start
simplest
import React from 'react'
import { useStore } from 'stook'
function Counter() {
const [count, setCount] = useStore('Counter', 0)
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>Click me</button>
</div>
)
}share state
import React from 'react'
import { useStore } from 'stook'
function Counter() {
const [count, setCount] = useStore('Counter', 0)
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>Click me</button>
</div>
)
}
function Display() {
const [count] = useStore('Counter')
return <p>{count}</p>
}
function App() {
return (
<div>
<Counter />
<Display />
</div>
)
}