asyncredux-connector-pattern

Implement StoreConnector-based patterns linking AsyncRedux store state to Flutter UI widgets.

Updated Aug 27, 2026

Search Tags:#testing #state-management #flutter #viewmodel #asyncredux #store-connector #connector-pattern

Ready to run

npx skills add https://github.com/pro100andrey/dar --skill asyncredux-connector-pattern-pro100andrey

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: asyncredux-connector-pattern
Source: https://github.com/pro100andrey/dar/tree/main/.claude/skills/asyncredux-connector-pattern
Command: npx skills add https://github.com/pro100andrey/dar --skill asyncredux-connector-pattern-pro100andrey

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Connector pattern separates store access logic from UI presentation, enabling easier testing, clearer separation of concerns, and reusable presentation widgets while optimizing rebuilds by updating only when the view-model changes.

Core Features & Use Cases

ViewModel (Vm): Encapsulates only the data the UI needs and defines equality fields to control rebuilds.
VmFactory: Transforms store state into a view-model by implementing fromStore() with access to state, dispatch, and connector.
StoreConnector: Bridges the store and the UI widget, wiring vm to a presentational widget and guaranteeing selective rebuilds.
Rebuild Optimization: Updates occur only when the vm changes; supports notify flag to suppress rebuilds when needed.

Quick Start

Create a simple CounterConnector that uses a VmFactory to map AppState to a CounterViewModel and render a CounterWidget.

Frequently Asked Questions about asyncredux-connector-pattern

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

FAQPage Schema

How do I separate UI widgets from AsyncRedux store logic in Flutter?▼

To separate UI widgets from the AsyncRedux store, implement a StoreConnector-based connector pattern that bridges state and presentation, creating a clear boundary for easier testing and reusable dumb widgets.

How do I optimize Flutter widget rebuilds when using AsyncRedux state management?▼

Optimize Flutter rebuilds by defining a ViewModel with specific equality fields, ensuring the StoreConnector updates UI widgets only when the view-model actually changes rather than on every state mutation.

What is the role of a VmFactory in a Flutter AsyncRedux connector pattern?▼

A VmFactory transforms the application state into a ViewModel by implementing fromStore(), providing dispatch and state access to map only the necessary data to the presentational widget.

Can I suppress unnecessary widget rebuilds in AsyncRedux when store state changes?▼

Yes, you can suppress unnecessary widget rebuilds in AsyncRedux by using the notify flag within the StoreConnector, allowing you to selectively control when the UI should update based on view-model changes.

When do I need to use smart and dumb widgets with a StoreConnector in Flutter?▼

You need smart and dumb widgets with a StoreConnector when separating store access logic from UI presentation, allowing the smart widget to handle state mapping and the dumb widget to focus purely on rendering.