redux-values v0.0.2

Redux Values

Simple key-value storage for Redux

npm install --save redux-values

Usage

utils/createStore.js

// create store
import { createStore, combineReducers, applyMiddleware } from 'redux';
import { createReducer as createValuesReducer } from 'redux-values';
import * as reducers from '../reducers';

const reducer = combineReducers({
  ...reducers,
  values: createReducer,
});

const store = createStore(reducer);
// ...

components/example.jsx

// use with React
import { connect } from 'react-redux';
import { change } from 'redux-values';

const Example = ({ values, handleChange }) => (
  <div>
    <input value={values.text1} onChange={handleChange('text1')} />
    <input value={values.text2} onChange={handleChange('text2')} />
  </div>
);

const mapStateToProps = (state) => ({
  values: state.values,
});

const mapDispatchToProps = (dispatch) => ({
  handleChange: key => e => dispatch(change(key, e.target.value)),
});

export default connect(mapStateToProps, mapDispatchTopProps)(Example);

License

MIT