VirentiaСтейт-менеджер для сложной бизнес-логики

Описывайте бизнес-правила как модель: состояние в сторах, события для фактов, эффекты для внешней работы, реакции для правил.

Начать

Ядро

Бизнес-правила в модели

События описывают, что произошло, сторы хранят состояние, эффекты запускают внешнюю работу, реакции связывают поведение.

Изолированное состояние

Одна модель может работать в приложении, запросе, тесте, вкладке или предпросмотре без общего состояния.

Динамические модели

Создавайте состояние, когда открывается экран или виджет, и очищайте подписки, когда он больше не нужен.

UI-адаптеры

Пишите доменную логику отдельно от интерфейса и подключайте ее через нужный UI-слой.

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>;
  },
});