miaoda-game-resource-react

Use this React adapter to render HP, MP, stamina, ammo, or other current/max resources without duplicating pool rules in components.

Install and use

pnpm add miaoda-game-resource-core miaoda-game-resource-react

import { useResourceSnapshot } from 'miaoda-game-resource-react';

function ManaBar({ pool }: { pool: ResourcePool }) {
  const resource = useResourceSnapshot(pool);
  return <meter min={0} max={resource.max} value={resource.current} />;
}

The hook observes committed pool changes. Spending, gaining, max-change policy, persistence, and damage rules remain in ResourcePool or the game controller.