============================================================================ 4. SLOT WIDGETS (BINDING SIGNALS TO UI)

Connects a ValueListenable (signal) to the UI and rebuilds when it changes.

Slot is the primary widget for binding signals to UI in Neuron. It uses ValueListenableBuilder internally for efficient, granular rebuilds.

Basic Usage

Slot<int>(
  connect: controller.count,
  to: (context, value) => Text('Count: $value'),
)

Multiple Signals

To listen to multiple signals, nest Slot widgets:

Slot<int>(
  connect: controller.count,
  to: (ctx, count) => Slot<String>(
    connect: controller.name,
    to: (ctx, name) => Text('$name: $count'),
  ),
)

With Static Children

Use the child parameter to avoid rebuilding static widgets:

Slot<int>(
  connect: controller.count,
  to: (ctx, val) => Column(
    children: [Text('Count: $val'), child!],
  ),
  child: ElevatedButton(
    onPressed: () {},
    child: Text('Static Button'),
  ),
)

Performance: Only the widget returned by to is rebuilt when the signal changes. Sibling widgets are not affected.

See also:

• AsyncSlot - For async signals with loading/error states
• Signal - Basic reactive value
• Computed - Derived values A widget that rebuilds when a Signal or Computed changes.

This is the primary widget for binding signals to the UI.

Basic Usage

final count = Signal(0);

Slot(
  connect: count,
  to: (context, value) => Text('Count: $value'),
)

With Computed Signals

final count = Signal(0);
final doubleCount = Computed(() => count.value * 2);

Slot(
  connect: doubleCount,
  to: (context, value) => Text('Double: $value'),
)