Taking the good parts of Redux and React Context to build a flexible, scalable and easy to use state management solution.
```sh
npm i react-sweet-state
# or
yarn add react-sweet-state
```
```js
import { createStore, createHook } from 'react-sweet-state';
const Store = createStore({
// value of the store on initialisation
initialState: {
count: 0,
},
// actions that trigger store mutation
actions: {
increment:
(by = 1) =>
({ setState, getState }) => {
// mutate state synchronously
setState({
count: getState().count + by,
});
},
},
// optional, unique, mostly used for easy debugging
name: 'counter',
});
const useCounter = createHook(Store);
const CounterApp = () => {
const [state, actions] = useCounter();
return (
react-sweet-state