Redux-Leaves

Redux-LeavesWrite once. Reduce anywhere.

Overview
Example
Demo
// Runkit doesn't support import const { reduxLeaves, bundle } = require('redux-leaves') const { createStore } = require('redux') // set up with initial state const initialState = { counter: 0, list: [], props: {} } const [reducer, actions] = reduxLeaves(initialState) const store = createStore(reducer) // setup complete! Now dispatch actions to your heart's content console.log(store.getState()) // => { counter: 0, list: [], props: {} } store.dispatch(actions.counter.create.increment(10)) console.log(store.getState()) // => { counter: 10, list: [], props: {} } store.dispatch(actions.list.create.push('foo')) console.log(store.getState()) // => { counter: 10, list: ['foo'], props: {} } const compoundAction = bundle([ actions.counter.create.reset(), actions.list[0].create.concat('bar'), actions.props.at.arbitrary.path.create.update('here I am!') ]) store.dispatch(compoundAction) console.log(store.getState()) /* => { counter: 0, list: ['foobar'], props: { at: { arbitrary: { path: 'here I am!' } } } } */

Write once.

Tired of writing repetitive reducer logic? With Redux-Leaves, you define reducer logic once and can use it on an arbitrary leaf of state.

Reduce anywhere.

Redux-Leaves makes that reducer logic instantly available to you for any leaf of your state shape, through an intuitive action creator API.

No boilerplate.

No more need to write action creators. Redux-Leaves writes your action creators for you based on the reducer logic that you supply.

Quick setup.

With multiple action creators built in by default, it takes just 30 seconds to get up and running.