reduxplus

!coverage 85%

Decoupled redux, for react functional components.

Example

``javascript
import React from 'react'
import ReactDOM from 'react-dom'
import store from 'reduxplus'

store.hydrate({
worldName: 'world'
foo: {
bar: {
buz: 42
}
}
})

store.setReducer((state, action) => {
if (action.type !== 'setWorld') {
return state
}
return {
...state,
worldName: action.worldName
}
})

function Example () {
const worldName = store.useRedux('worldName')
const theMeaningOfLife = store.useRedux('foo.bar.buz')

return (


Hello {world}

The meaning of life is {theMeaningOfLife}

store.dispatch({
type: 'setWorld',
worldName: 'Earth'
})}>World's name
)
}

ReactDOM.render(
,
document.querySelector('#root')
)
`


API

$3

The redux store

$3

Adds a new reducer to the store

$3

Adds a new middleware to the store

$3

key can be dot-composed

`javascript
const data = useRedux() // returns store.getState() and actualizes the component when data changes

const foobar = useRedux('foo.bar') // returns store.getState().foo.bar, and actualizes the component when that value changes
`

$3

Set the store value

`javascript
// store.getValue() -> {foo: 'bar'}

hydrate({
buz: 42
})

// store.getValue() -> {foo: 'bar', buz: 42}

hydrate({import { store, setReducer, setMiddleware, useRedux, hydrate } from 'reduxplus'

foo: 'foooo'
})

// store.getValue() -> {foo: 'foooo', buz: 42}

hydrate({
bar: 40
}, true)

// store.getValue() -> {bar: 42}

`

subStores

See @hacknlove/substore

test

`bash
git clone https://github.com/hacknlove/reduxplus.git
cd reduxplus
npm i
npm test
``