Kizaki
ReferenceTypeScript

@kizaki/react

React hooks for live queries and mutation invalidation in Kizaki browser apps.

Import Surface

import { useMutation, useQuery } from "@kizaki/react";

Example

const projectsQuery = select(Project);
const projects = useQuery(projectsQuery);
const create = useMutation(createProject, { invalidate: [projectsQuery] });
  • use useQuery() for screens that should stay current
  • use useMutation() for generated client calls
  • keep invalidation explicit so data flow stays understandable

Why This Surface Exists

@kizaki/react is the opinionated React layer on top of the browser query model. It exists so common app patterns such as live lists, mutation state, and invalidation can feel natural in React without inventing a separate client architecture.

Related guide: Realtime

On this page