asyncredux-observers

Configure AsyncRedux store observers for actions, state, errors, and widget rebuilds.

238|39|Updated Aug 4, 2019
One-click install
npx skills add https://github.com/marcglasberg/async_redux --skill asyncredux-observers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: asyncredux-observers
Source: https://github.com/marcglasberg/async_redux/tree/main/.claude/skills/asyncredux-observers
Command: npx skills add https://github.com/marcglasberg/async_redux --skill asyncredux-observers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables developers to implement and configure observers for AsyncRedux stores to monitor actions, state changes, errors, and widget rebuilds.

Core Features & Use Cases

  • ActionObserver: Monitor action dispatch (start and end) to track lifecycle and performance.
  • StateObserver: Track state changes after reducers to detect changes and history.
  • ErrorObserver: Capture, log, and optionally control error propagation during action execution.
  • ModelObserver: Observe widget rebuilds when using StoreConnector to optimize UI performance.
  • Use together with GlobalWrapError to centralize error handling and with multiple observers to compose analytics and debugging workflows.

Quick Start

Create your observers (e.g., ConsoleActionObserver, MyStateObserver, MyErrorObserver, DefaultModelObserver) and wire them into your Store: var store = Store<AppState>( initialState: AppState.initialState(), actionObservers: [ConsoleActionObserver()], stateObservers: [MyStateObserver()], errorObserver: MyErrorObserver(), modelObserver: DefaultModelObserver(), );

Frequently Asked Questions about asyncredux-observers

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I monitor AsyncRedux state changes and action dispatch in Flutter?

To monitor AsyncRedux state changes and action dispatch in Flutter, implement StateObserver to track reducer outputs and ActionObserver to track action start and end lifecycles, then wire them into your Store.

How do I capture and control error propagation during AsyncRedux action execution?

Capture and control error propagation during AsyncRedux action execution by implementing an ErrorObserver, which logs errors during execution and optionally controls whether they propagate further.

What is the best way to debug Flutter widget rebuilds when using AsyncRedux StoreConnector?

The best way to debug Flutter widget rebuilds with AsyncRedux StoreConnector is to implement a ModelObserver, which observes and tracks widget rebuilds to help optimize UI performance.

Can I use multiple observers and centralize error handling in an AsyncRedux store?

Yes, you can use multiple observers in an AsyncRedux store by assigning lists to actionObservers and stateObservers, and use GlobalWrapError alongside an errorObserver to centralize error handling.

Does AsyncRedux support performance debugging and analytics in production Flutter apps?

AsyncRedux supports performance debugging and analytics in production Flutter apps by configuring ActionObserver, StateObserver, ErrorObserver, and ModelObserver implementations to monitor dispatch lifecycles and reliability.