f-redux

the hooks revolution has just started

Usage

npm i fuck-redux

1import makeHook, { Store } from 'fuck-redux'
2
3const initialState = {
4    counter: 0,
5}
6
7const actions = (store: Store<typeof initialState>) => ({
8    addToCounter: (amount) => {
9        const newCounterValue = store.state.counter + amount
10        store.setState({ counter: newCounterValue })
11    },
12})
13
14const useSharedState = makeHook(initialState, actions)
15
16const App = () => {
17    const [globalState, globalActions] = useSharedState()
18    return (
19        <div>
20            <p>
21                counter:
22                {globalState.counter}
23            </p>
24            <button type='button' onClick={() => globalActions.addToCounter(1)}>
25                +1 to global
26            </button>
27        </div>
28    )
29}