https://github.com/ariesjia/use-reducer-middlewares

enhance React Hooks API `useReducer` can use middleware
https://github.com/ariesjia/use-reducer-middlewares

middleware react-hooks use-reducer

Last synced: 5 months ago
JSON representation

enhance React Hooks API `useReducer` can use middleware

• Host: GitHub
• URL: https://github.com/ariesjia/use-reducer-middlewares
• Owner: ariesjia
• License: mit
• Created: 2019-04-16T02:02:19.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-03-05T02:48:50.000Z (about 1 year ago)
• Last Synced: 2024-11-21T01:47:37.410Z (5 months ago)
• Topics: middleware, react-hooks, use-reducer
• Language: TypeScript
• Homepage:
• Size: 4.74 MB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# use-reducer-middlewares

> enhance React Hooks API `useReducer` can use middleware.

[![NPM](https://img.shields.io/npm/v/use-reducer-middlewares.svg)](https://www.npmjs.com/package/use-reducer-middlewares)

[![Build Status](https://travis-ci.org/ariesjia/use-reducer-middlewares.svg?branch=master)](https://travis-ci.org/ariesjia/use-reducer-middlewares)

[![minified](https://badgen.net/bundlephobia/minzip/use-reducer-middlewares)](https://bundlephobia.com/result?p=use-reducer-middlewares)

[![license](https://badgen.net/badge/license/MIT/blue)](https://github.com/ariesjia/use-reducer-middlewares/blob/master/LICENSE)

[![coverage](https://badgen.net/codecov/c/github/ariesjia/use-reducer-middlewares)](https://codecov.io/gh/ariesjia/use-reducer-middlewares)

## Install

```bash

// use yarn

yarn add use-reducer-middlewares

// use npm

npm install use-reducer-middlewares

```

## Demo

```javascript

import useMiddleWares from 'use-reducer-middlewares'

import logger from 'redux-logger'

const reducer = function (state, action) {

  // reducer

  return state

}

const init = function(count) {

  return {count}

}

const [state, dispatch] = useMiddleWares(reducer, 1, init)([

  logger

]);

```

## Sandbox Demo

(Code Sandbox Demo)[https://codesandbox.io/s/wk3o2jp1ll]