Registry / web-framework / redux-hook-middleware

redux-hook-middleware

library0.1.22jsnpmunverified

A Redux middleware that allows registering pre- and post-dispatch hooks for specific action types. Version 0.1.22, likely low or no active releases. It provides functions like registerPrehook, registerPosthook, and unregisterHook to attach callbacks that execute before or after an action is dispatched. The middleware is simple and lightweight, differentiating from saga or thunk by offering a straightforward hook mechanism without generator functions or promises. It is suitable for small to medium Redux applications needing cross-cutting concerns like logging or side effects tied to specific actions.

web-framework http-networking

npm install redux-hook-middleware

github ↗package ↗

INSTALL

IMPORT

SIG · REDUX-HOOK-MIDDLEW

redux-hook-middleware

web-frameworkjavascriptv0.1.22

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

registerPrehook

✓ import { registerPrehook } from 'redux-hook-middleware'

✗ const { registerPrehook } = require('redux-hook-middleware')

Library is UMD but supports both ESM and CommonJS; named export.

registerPosthook

✓ import { registerPosthook } from 'redux-hook-middleware'

✗ import registerPosthook from 'redux-hook-middleware'

Not a default export; must use named import.

clearHooks

✓ import { clearHooks } from 'redux-hook-middleware'

Named export; no common mistake but note it removes all hooks.

Setup Redux store with hookMiddleware, register a pre-hook for INCREMENT action, and see it log before state update.

import { createStore, applyMiddleware } from 'redux'; import hookMiddleware, { registerPrehook } from 'redux-hook-middleware'; const initialState = { count: 0 }; const reducer = (state = initialState, action) => { switch (action.type) { case 'INCREMENT': return { count: state.count + 1 }; default: return state; } }; const store = createStore(reducer, applyMiddleware(hookMiddleware)); registerPrehook('INCREMENT', (store, action) => { console.log('About to increment, current count:', store.getState().count); }); store.dispatch({ type: 'INCREMENT' }); // logs: About to increment, current count: 0

Debug

Known issues

gotchaHooks are called synchronously; cannot use async callbacks for side effects without additional handling.

fix

If you need async side effects, use redux-thunk or redux-saga, or wrap async logic inside a thunk action.

affects: >=0.1.0

gotcharegisterPrehook and registerPosthooks have a typo ('onject' in the README) which may cause confusion.

fix

Use registerPosthooks (with 's') for registering multiple hooks.

affects: >=0.1.0

gotchaHook callbacks receive a limited store API (getState, dispatch) but not the full Redux store.

fix

Use the provided store parameter; it is not the full store but a wrapped version with getState and dispatch.

affects: >=0.1.0

Errors

Common errors & fixes

Uncaught Error: Could not find hookMiddleware in the middleware chain

The library expects hookMiddleware to be applied, but it was not added to applyMiddleware.

fix

Ensure hookMiddleware is included in the middleware array: applyMiddleware(hookMiddleware, ...otherMiddlewares)

registerPrehook is not a function

Incorrect import; trying to use default import instead of named import.

fix

Use named import: import { registerPrehook } from 'redux-hook-middleware'

TypeError: hookId is not a symbol

unregisterHook expects a Symbol returned from registerHook, but a string or number was passed.

fix

Store the symbol returned from registerPrehook/registerPosthook and pass it to unregisterHook.

Upgrade

Version history

0.1.22latest on npm

Audit

Dependencies

reduxrequiredPeer dependency to provide middleware and store integration.

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/kamataryo/redux-hook-middleware ↗

packagehttps://www.npmjs.com/package/redux-hook-middleware ↗