react-alien-signals
    Preparing search index...

      react-alien-signals

      React Alien Signals

      React Alien Signals is a TypeScript library that integrates Alien Signals with React, providing concurrency-safe reactive state management using hooks. It offers writable signals, computed signals, and reactive effects that seamlessly update React components without tearing.

      • Create and update writable signals with [createSignal].
      • Compute derived state with [createComputed].
      • Run reactive side-effects with [createEffect].
      • Manage effect lifecycles using [createSignalScope].
      • React hooks for reading, selecting, deferring, and updating signal values.
      • Signal effects aligned with React's insertion, layout, and passive phases.
      • Effect scopes that start after commit and clean up on unmount.
      • React automatically batches component renders from signal writes in the same event or task.
      • Additional hooks like [useComputed] for easier use of computed signals.

      Note: This library is built on top of Alien Signals and uses React's useSyncExternalStore for concurrency-safe re-renders.

      ReadableSignal
      SignalEffectCallback
      SignalEffectDependencies
      SignalSetter
      WritableSignal
      batch
      createComputed
      createEffect
      createSignal
      createSignalScope
      trigger
      useComputed
      useDeferredSignalValue
      useSetSignal
      useSignal
      useSignalEffect
      useSignalInsertionEffect
      useSignalLayoutEffect
      useSignalPassiveEffect
      useSignalScope
      useSignalSelector
      useSignalValue