redux-lazy

Generating constants, action types, action creators, reducers and containers for you.

How to install

 npm i -S redux-lazy

How to use

import RL from 'redux-lazy';
 
const rl = new RL('post');
 
rl.addAction('title', { title: '' });
 
const {
  nameSpace,
  types,
  actions,
  defaultState,
  reducer,
  mapStateToProps,
  mapDispatchToProps,
  Container,
} = rl.flush();

React example

import React from 'react';
import RL from 'redux-lazy';
 
const rl = new RL('post');
 
rl.addFormAction('submit');
rl.addFormElementAction('title');
 
const { Container, reducer } = rl.flush();
 
const FormComponent = props => (
  <form onSubmit={props.submitAction}>
    <input
      type="text"
      value={props.title}
      onChange={props.titleAction}
    />
  </form>
);
 
export default Container(FormComponent);
 
export { reducer };

Just add reducer to redux and this example should work.

Articles

React — redux for lazy developers:

• Part 1
• Part 2
• Part 3

React/Redux development on steroids

Documentation

• Install
• How to use
• Types
• Actions
• Reducer
• Container
• Options