applyReducers([reducers])

Registers reducers to a component to enable code splitting.
Ensure applyReducers([reducers]) is rendered within createPage([...connectArgs])(Page, [reducers]) hierarchy.
Arguments
[reducers] (Object): An object of reducers which will be registered into a component.
Make sure each reducers has unique name within your application reducers.
Returns
(Function): A higher order React component class that loads or unloads registered reducers dynamically within the component lifecycle.
Examples
import { bindActionCreators, compose } from 'redux';
import { applyReducers } from 'soya-next/redux';
​
const reducers = {
  todos(state = [], action) {
    switch (action.type) {
      case 'ADD_TODO':
        return state.concat(action.text);
      default:
        return state;
    }
  }
};
​
const mapStateToProps = state => ({
  todos: state.todos,
});
​
const mapDispatchToProps = dispatch => bindActionCreators({
  addTodo: text => ({
    type: 'ADD_TODO',
    text,
  }),
}, dispatch);
​
export default compose(
  applyReducers(reducers),
  connect(mapStateToProps, mapDispatchToProps)
)(Component);

API Reference

createPage([...connectArgs])(Page, [reducers])

Last modified 4yr ago