redux-lazy

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