# logrocket/redux-logger

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/logrocket-redux-logger).**

5,720 stars · 317 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/LogRocket/redux-logger
- awesome-repositories: https://awesome-repositories.com/repository/logrocket-redux-logger.md

## Topics

`angular` `react` `redux` `redux-logger` `redux-middleware`

## Description

redux-logger is a state management debugger and logger that operates as Redux middleware. It records actions and state transitions directly to the browser console to facilitate the monitoring of application state changes.

The tool provides a mechanism to reduce console noise through action filters that use custom predicates to determine which events are recorded. It also includes a data transformation pipeline to sanitize or modify state and actions before they are output.

The project covers observability capabilities including formatted console output with timestamps and colors, synchronous state snapshotting to calculate changes, and the interception of store errors to associate exceptions with specific triggering actions.

## Tags

### Software Engineering & Architecture

- [Redux State Loggers](https://awesome-repositories.com/f/software-engineering-architecture/redux-implementations/distributed-state-stores/redux-store-inspection/redux-state-loggers.md) — Records Redux actions and resulting state changes directly to the browser console for monitoring.
- [Action Dispatch Middleware](https://awesome-repositories.com/f/software-engineering-architecture/action-dispatch-middleware.md) — Hooks into the Redux dispatch pipeline as middleware to capture actions and state transitions.
- [Global State Debuggers](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/persistence-and-serialization/state-serialization/state-snapshots/component-state-debuggers/global-state-debuggers.md) — Monitors application-wide state changes and formats action history for console-based debugging.
- [Redux Middlewares](https://awesome-repositories.com/f/software-engineering-architecture/redux-middlewares.md) — Operates as a Redux middleware plugin to intercept actions for logging and error tracking.
- [State Snapshots](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/persistence-and-serialization/state-serialization/state-snapshots.md) — Captures store state immediately before and after actions to enable precise change calculation.
- [Data Transformation Pipelines](https://awesome-repositories.com/f/software-engineering-architecture/data-transformation-pipelines.md) — Implements a pipeline to sanitize or modify state and actions before they are logged to the console.
- [Exception-Safe Wrappers](https://awesome-repositories.com/f/software-engineering-architecture/higher-order-function-wrapping/exception-safe-wrappers.md) — Wraps the dispatch process in a try-catch block to associate specific exceptions with the triggering action.
- [Redux Action Filtering](https://awesome-repositories.com/f/software-engineering-architecture/redux-implementations/distributed-state-stores/redux-action-filtering.md) — Provides a mechanism to reduce console noise by recording only Redux actions that match specific predicates.
- [Action Log Filters](https://awesome-repositories.com/f/software-engineering-architecture/stream-element-folding/distinct-element-filtering/predicate-based-filters/action-log-filters.md) — Uses custom boolean predicates to determine which Redux actions should be recorded in the log.

### System Administration & Monitoring

- [State Transition Logging](https://awesome-repositories.com/f/system-administration-monitoring/resource-monitoring/resource-change-monitors/state-change-monitoring/state-transition-logging.md) — Records sequences of state changes and actions to track application state transitions. ([source](https://github.com/logrocket/redux-logger#readme))
- [Debug Log Transformations](https://awesome-repositories.com/f/system-administration-monitoring/log-ingestion/log-transformation-pipelines/debug-log-transformations.md) — Converts state and action objects into alternative formats like plain JSON before printing to the console. ([source](https://github.com/logrocket/redux-logger#readme))
- [Error Interception Callbacks](https://awesome-repositories.com/f/system-administration-monitoring/observability-callbacks/error-interception-callbacks.md) — Catches and logs errors triggered by specific Redux actions to identify failing operations. ([source](https://github.com/logrocket/redux-logger#readme))

### Testing & Quality Assurance

- [Error Tracking](https://awesome-repositories.com/f/testing-quality-assurance/debugging-diagnostics/error-tracking.md) — Identifies specific Redux actions that trigger runtime errors to isolate failures during development.