# auto-react-redux

> Built on top of react-redux, remove all boilerplate code and keep the best part of react-redux

Latest version **1.0.3** (published 2019-02-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install auto-react-redux
pnpm add auto-react-redux
yarn add auto-react-redux
bun add auto-react-redux
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-02-10 |
| First published | 2019-02-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 16.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | yo1110 |
| Maintainers | dinhphong, hthieu1110, xuanhuan |
| Keywords | auto, react-redux |

## Links

- npm: https://www.npmjs.com/package/auto-react-redux
- Homepage: http://...
- npm.io page: https://npm.io/package/auto-react-redux

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^16.3.1
- [redux](https://npm.io/package/redux.md) ^3.5.2
- [react-redux](https://npm.io/package/react-redux.md) ^5.0.7

## Recent versions

- 1.0.3 (latest) — 2019-02-10
- 1.0.2 — 2019-02-09
- 1.0.1 — 2019-02-09
- 1.0.0 — 2019-02-09

## README

# auto-react-redux
Override some react-redux functions to auto-generate, connect, dispatch store, state ...

    - No more actions, actions creator, just use the direct name of reducer
    - No more: action, type ... just create a reducer with first param: state, followed by other args
    - No more dispatch, no more mapStateToProps ... just use listen for re-render when state changed
    - Full compatible with React-redux so we can use Redux debug tool for debugging


Example of usage:
 
  ```sh
import {createAutoReduxStore} from "./auto-redux";

let todoReducers = {
    addTodo: (state, todo) => [...state, todo]
}


let appStore = {
    todos: {reducers: todoReducers, default: []},
};

const $store = createAutoReduxStore(appStore);

class Todo extends React.Component {
    render() {
        return <button onClick={$store.addTodo('New task')}>
            {$store.todos.map(todo => <div>{todo}</div>)}
        </button>
    }
}

 export default listen(todos)(Todo);
  ```

---
_Source: https://npm.io/package/auto-react-redux · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._