preactjs/signals

Features

• Reactive State Containers - Provides reactive state containers as the primary primitive for managing observable application state.
• Reactive State Management - Provides a comprehensive system for managing application state using observable signals for reactive updates.
• Reactive Computed Values - Implements lazy-evaluated computed signals that cache results and only recalculate when dependencies are invalidated.
• Dependency-Tracking State Managers - Automatically maps relationships between values to ensure derived data and UI elements remain synchronized.
• Fine-Grained Dependency Tracking - Employs a runtime dependency graph to track state changes and trigger the minimum necessary UI updates.
• Reactive Effects - Executes side-effect functions automatically whenever the specific state values they depend on are updated.
• Derived Reactive Signals - Ships read-only computed signals that automatically re-evaluate when their underlying dependencies update.
• Reactivity Dependency Graphs - Maintains a runtime map of signal-to-effect relationships to ensure precise propagation of updates through the reactive chain.
• Data-to-UI Bindings - Directly binds data values to UI components to trigger automatic visual updates whenever the underlying state changes.
• Direct-to-Node Bindings - Provides direct-to-node DOM binding that updates specific text nodes without triggering full component render cycles.
• Fine-Grained Reactivity - Tracks data dependencies at the individual element level to update specific parts of the DOM without full re-renders.
• Reactive State Management Libraries - Ships a library for managing application state using signal-based reactivity and automatic dependency tracking.
• Automatic Dependency Tracking - Implicitly detects which reactive sources are accessed during execution to automatically register them as dependencies.
• Reactive Components - Automatically triggers component re-renders when signal values change via runtime hooks or build-time transforms.
• Direct DOM Mapping - Maps reactive expressions directly to real DOM nodes, bypassing the memory and processing overhead of a virtual DOM.
• Direct Text Node Bindings - Binds reactive state directly to browser text nodes to update the UI without triggering full component re-renders.
• Computed State - Implements lazy-evaluated computed signals that derive read-only state from other reactive dependencies.
• Derived State - Creates read-only derived values that automatically recalculate based on changes to underlying state sources.
• Reactive Side Effects - Executes side-effect functions that automatically re-run whenever their tracked state dependencies change.
• Reactive Signal Debugging - Provides tools for real-time monitoring and debugging of reactive signal updates and effect executions.
• Reactive State Debugging Tools - Provides tools to visualize data flows and dependency chains to identify memory leaks and performance bottlenecks.
• Atomic State Batching - Implements atomic batching to group state modifications and reduce redundant executions in the reactivity engine.
• Component-Tied Lifecycle Integration - Ties the creation and disposal of state models and signal effects specifically to component mounting and unmounting.
• Reactive Observation Disposal - Provides automated cleanup of reactive subscriptions and observers to prevent memory leaks when components are unmounted.
• Reactivity Dependency Visualization - Provides graphical mapping of the relationships between observable signals and the computations that depend on them.
• State Update Batching - Implements a batching mechanism that groups multiple state mutations into a single transaction to avoid redundant reactive triggers.
• Reactivity Graph Metrics - Tracks active trackers and subscription counts to identify memory leaks or efficiency issues in the reactive graph.
• Reactive State Monitoring - Tracks and reports changes to reactive atoms to visualize data flow through the application.
• Automatic Render Synchronization - Triggers automatic component re-renders when accessed state values change without requiring selectors or wrappers.
• Disposable State Models - Encapsulates signals, derived values, and actions into model instances for organized lifecycle management and disposal.
• Component Local States - Enables the creation of signals and computed values directly within components for localized state logic.
• State Management Models - Provides state model objects that are structured to respond to system events and integrate with component lifecycles.
• State Management - Reactive state management for various frameworks.

Star history