fcomb/redux-logger
Redux Logger
redux-logger est un logger d'état Redux et un débogueur d'état JavaScript conçu pour enregistrer les actions et les transitions d'état dans la console du navigateur. Il fonctionne comme un middleware qui capture les changements d'état et les charges utiles (payloads) d'action au sein d'un store Redux pour aider au débogage du flux de l'application.
Le projet fournit un formateur de logs de console pour personnaliser l'apparence des logs en utilisant des couleurs, des horodatages et des durées d'exécution. Il permet la restriction des actions enregistrées via des prédicats personnalisés pour réduire le bruit dans la console et inclut des capacités pour transformer des données d'état complexes en formats lisibles.
L'outil couvre le suivi des erreurs frontend en interceptant et en enregistrant les erreurs déclenchées par des actions spécifiques. Il permet également l'analyse des transitions d'état en enregistrant les mises à jour d'état résultantes suite aux actions dispatchées.
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.
