import { combineReducers } from 'redux';
import createDataReducer from 'redux-data-set';
 
const yourReducer = createDataReducer({ name: 'yourDataSlice' });
 
export default combineReducers({
  ...otherReducers,
  yourReducer
});

import { dataCollectionClean, dataCollectionPush, dataCollectionRemove } from 'redux-data-set';
 
// Add item(s) to data set.
dataCollectionPush('yourDataSlice', 'foo');
dataCollectionPush('yourDataSlice', ['foo', 'bar']);
dataCollectionPush('yourDataSlice', [
    { id: 'foo', value: 'Foo', ...otherProperties },
    { id: 'bar', value: 'Bar', ...otherProperties },
]);
 
// Remove items.
return dataCollectionRemove('yourDataSlice', { id: 'foo' });
return dataCollectionRemove('yourDataSlice', ({ value }) => value !== 'Bar' && value.length > 3);
 
// Reset whole collection.
return dataCollectionClean('yourDataSlice');

import { connect } from 'redux';
import { collectionSelector } from 'redux-data-set';
 
connect(state => ({
  items: collectionSelector(state, 'yourDataSlice'),
  otherItems: collectionSelector(state, 'otherDataSlice')
}))(YourComponent);