The best of both worlds

Use Impacts reactive model to manage state. Use Reacts reconciliation model to manage UI.

Performant and predictable

Reactive primitives of signal, derived and effect, combined with inferred observation in components.

Globally or scoped

Expose state management globally, or scope it to component trees to take advantage of modern React data fetching patterns.

⚠️ Release candidate ⚠️

Install impact-react

npm install impact-react

WARNING

Impact requires Explicit Resource Management which is currently a Stage 3 proposal. It works out of the box with latest TypeScript, SWC and ESBuild. Implementations in browsers is on its way. Babel currently requires a Plugin

Install debugger

The Debugger will show you what signals and effects are being executed. With sourcemaps you'll see the exact point in the file where signals are changed.

By importing the debugger package it will enable warnings when observation is not enabled using the using keyword.

npm install impact-react-debugger

if (import.meta.env.DEV) {
  import("impact-react-debugger");
}

TIP

Hit SHIFT twice to toggle the debugger