no-redux

0.5.0 • Public • Published

no-redux

Build Status

A react/redux library which automates all redux flows including http calls, and store immutability is guaranteed. Redux becomes invisible to you, hence the name no-redux.

redux no-redux
define action type manual manual
generate action creator manual auto
call action creator in components ‎manual manual
handle action in middleware (thunk/saga...) ‎manual auto
send http request ‎manual auto
receive http response ‎manual auto
handle action in reducer manual auto
ensure store immutability ‎manual auto

slides and demo

todo example

documetation

Install

npm i -S no-redux

Usage

Step 1

Define an action data object, and call "generateActions" to generate action creators.

import { generateActions } from 'no-redux';
 
export const actionData = {
  artists: {
    url: 'http://localhost/api/artists'
  }
}
 
export default generateActions(actionData);

Step 2

Create a redux store by calling the "createStore" function from "no-redux" with the action data object you defined in step 1. The "createStore" function will generate reducers and middlewares that handle http calls and register them with the store.

import React from 'react';
import { render } from 'react-dom';
import { Provider, createStore } from 'no-redux';
import { actionData } from './actions';
import App from './App';
 
render(
  <Provider store={createStore(actionData)}>
    <App />  
  </Provider>,
  document.getElementById('root')
);

Step 3

In your component, connect to the store with the action creators you created in step 1. When you call the action creator functions, no-redux will make http requests, get the http response and put the results on the redux store.

import React from 'react';
import { connect } from 'no-redux';
import actions from './actions';
 
class App extends React.Component {
  componentWillMount() {
    this.props.getArtists();
  }
 
  render() {
    return (
      <div>
        {(this.props.artists || []).map(a => 
          <div>{a.name}</div>
        )}
      </div>
    );
  }
}
 
export default connect(s => ({ artists: s.artists }), actions)(App);

Package Sidebar

Install

npm i no-redux

Weekly Downloads

1

Version

0.5.0

License

MIT

Unpacked Size

80 kB

Total Files

58

Last publish

Collaborators

  • ln613