1.5.1 • Published 3 years ago
stateful-component v1.5.1
Stateful Component
Define components as pure state machines.
Demo
https://stateful-component.vercel.app/
Parameters
initialState: State
The initial state to use.
updateState: (State) => State | null
Accepts state as an argument, returns a modified form or null
(to stop transition).
Children: (State) => ReactElement
Renders a component as a function of state.
Example
/**
* This component increases as you press a button.
*/
<StatefulComponent initialState={{ count: 0 }}>
{({ count, updateState }) => (
<div>
<button
className="rounded-lg m-4 border-2 p-2"
onClick={() => updateState({ count: count + 1 })}
>
Click me
</button>
<p>
Count: <strong>{count}</strong>
</p>
</div>
)}
</StatefulComponent>
1.2.0
3 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.5.1
3 years ago
1.5.0
3 years ago
1.3.2
3 years ago
1.4.0
3 years ago
1.3.1
3 years ago
1.3.0
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.3
3 years ago
0.1.0
3 years ago
0.1.1
3 years ago
0.6.0
3 years ago
0.5.0
3 years ago
0.4.0
3 years ago
0.3.0
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago