fcomb/redux-logger
Redux Logger
redux-logger es un logger de estado de Redux y depurador de estado de JavaScript diseñado para registrar acciones y transiciones de estado en la consola del navegador. Funciona como un middleware que captura cambios de estado y payloads de acciones dentro de un store de Redux para ayudar en la depuración del flujo de la aplicación.
El proyecto proporciona un formateador de logs de consola para personalizar la apariencia de los registros usando colores, marcas de tiempo y duraciones de ejecución. Permite restringir las acciones registradas a través de predicados personalizados para reducir el ruido en la consola e incluye capacidades para transformar datos de estado complejos en formatos legibles.
La herramienta cubre el seguimiento de errores en el frontend al interceptar y registrar errores activados por acciones específicas. También permite el análisis de transiciones de estado al registrar las actualizaciones de estado resultantes tras las acciones despachadas.
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.
