fcomb/redux-logger
Redux Logger
redux-logger is a Redux state logger and JavaScript state debugger designed to record actions and state transitions in the browser console. It functions as middleware that captures state changes and action payloads within a Redux store to assist in debugging application flow.
The project provides a console log formatter to customize the appearance of logs using colors, timestamps, and execution durations. It allows for the restriction of recorded actions through custom predicates to reduce console noise and includes capabilities to transform complex state data into readable formats.
The tool covers frontend error tracking by intercepting and logging errors triggered by specific actions. It also enables state transition analysis by recording the resulting state updates following dispatched actions.
Features
- State Action Logging - Records dispatched actions and the resulting state transitions to the console for debugging application flow.
- JavaScript Runtime Debuggers - Monitors real-time data mutations and action-triggered state updates within JavaScript applications.
- Action Dispatch Middleware - Functions as middleware that intercepts the Redux dispatch process to record actions and state transitions.
- Redux Action Filtering - Provides mechanisms to conditionally record or exclude Redux actions from the log based on specific criteria.
- Redux State Loggers - Tracks Redux actions and state transitions in the browser console to visualize data flow.
- Log Appearance Configurations - Allows customization of log appearance, including colors, timestamps, and execution durations.
- Console Log Formatters - Provides a utility to customize state logs with colors, timestamps, and execution durations for better readability.
- Action Error Handlers - Intercepts and logs errors triggered by specific Redux actions to help identify the cause of application crashes.
- Error Wrapping - Implements a pipeline that wraps action failures to capture metadata before re-throwing exceptions.
- Action Log Filters - Provides predicate-based filtering to determine which Redux actions are recorded in the console log.
- State Management - Captures and logs errors triggered by Redux actions to pinpoint the cause of application crashes during development.
- React - A JavaScript library for building user interfaces - Listed in the “React - A JavaScript library for building user interfaces” section of the Awesome Redux awesome list.
