jolt_hooks 1.0.3

Flutter hooks integration for the Jolt reactive state management system, providing declarative hooks for signals, computed values, effects, and more.

Jolt Hooks

A Flutter hooks integration package for Jolt reactive state management. Jolt Hooks provides a comprehensive Hooks API built on flutter_hooks, enabling you to use Jolt's reactive primitives seamlessly within Flutter's hook system.

Documentation

Official Documentation

Overview

Jolt Hooks bridges Jolt's reactive state management system with Flutter's hook architecture, providing automatic lifecycle management and seamless integration with other Flutter hooks. All hooks automatically dispose their resources when the widget is removed from the tree, ensuring memory safety and preventing leaks.

Key Features:

• 🎯 Comprehensive Hooks API: Full coverage of Jolt's reactive primitives
• 🔄 Automatic Lifecycle Management: Resources are automatically disposed
• ⚡ Seamless Integration: Works perfectly with other Flutter hooks
• 🎨 Type-Safe: Full type safety with Dart's type system
• 📦 Reactive Collections: Hooks for List, Map, Set, and Iterable signals
• 🔧 Advanced Features: Async signals, persistent signals, and effect scopes

Quick Start

Basic Usage

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:jolt_hooks/jolt_hooks.dart';
import 'package:jolt_flutter/jolt_flutter.dart';

class CounterWidget extends HookWidget {
  @override
  Widget build(BuildContext context) {
    final count = useSignal(0);
    
    return Scaffold(
      body: JoltBuilder(
        builder: (context) => Text('Count: ${count.value}'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => count.value++,
        child: Icon(Icons.add),
      ),
    );
  }
}

Reactive Collections

class TodoListWidget extends HookWidget {
  @override
  Widget build(BuildContext context) {
    final count = useSignal(0);
    
    return Scaffold(
      body: HookBuilder(
        builder: (context) => useJoltWidget(() {
          return Text('Count: ${count.value}');
        }),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => count.value++,
        child: Icon(Icons.add),
      ),
    );
  }
}

API Reference

Hook	Description
useSignal	Creates a reactive signal
useComputed	Creates a computed signal
useWritableComputed	Creates a writable computed signal
useConvertComputed	Creates a type-converting signal
useListSignal	Creates a reactive list
useMapSignal	Creates a reactive map
useSetSignal	Creates a reactive set
useIterableSignal	Creates a reactive iterable
useJoltEffect	Creates a reactive effect
useJoltWatcher	Creates a watcher
useJoltEffectScope	Creates an effect scope
useAsyncSignal	Creates an async signal
usePersistSignal	Creates a persistent signal
useJoltStream	Creates a stream from a reactive value
useJoltWidget	Creates a reactive widget that rebuilds when dependencies change

Related Packages

Jolt Hooks is part of the Jolt ecosystem. Explore these related packages:

Package	Description
jolt	Core library providing Signals, Computed, Effects, and reactive collections
jolt_flutter	Flutter widgets: JoltBuilder, JoltSelector, JoltProvider
jolt_surge	Signal-powered Cubit pattern: Surge, SurgeProvider, SurgeConsumer