VirentiaState manager for complex business logic

Describe application rules outside the UI and run the same model wherever it is needed.

Get Started

Core

Business rules in the model

Events describe what happened. Stores hold state. Effects run external work. Reactions connect behavior.

Scoped values

Reuse the same model in an app, request, test, tab, or preview without sharing state.

Runtime models

Create state when a runtime scenario starts and dispose its subscriptions when it ends.

UI adapters

Keep domain models in core and render them through framework bindings.

import { event, reaction, store } from "@virentia/core";

export function createCounterModel() {
  const incremented = event<void>();
  const count = store(0);

  reaction({
    on: incremented,
    run() {
      count.value += 1;
    },
  });

  return { count, incremented };
}

tsx

import { component } from "@virentia/react";
import { createCounterModel } from "./model";

export const Counter = component({
  model: createCounterModel,
  view({ model }) {
    const increment = () => model.incremented();

    return <button onClick={increment}>{model.count}</button>;
  },
});