8000 GitHub - evheniy/redux-lazy: redux-lazy
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

evheniy/redux-lazy

Repository files navigation

redux-lazy

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

NPM

npm version Build Status Coverage Status Linux Build Windows Build

Dependency Status devDependency Status peerDependencies Status

NSP Status Known Vulnerabilities License GitHub stars GitHub forks GitHub issues Twitter

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:

React/Redux development on steroids

Documentation

Releases

No releases published

Packages

No packages published
0