React package overview

The React package is @barq/react.

It provides providers and hooks that keep React screens in sync with Barq data.

bun add @barq/barq @barq/react

Common Exports

• BarqProvider
• useBarq
• useQuery
• useObject

Basic Shape

Wrap a screen tree with BarqProvider, then use hooks inside the tree.

import { BarqProvider } from '@barq/react';

export function App() {
  return (
    <BarqProvider schema={[Task]}>
      <TaskScreen />
    </BarqProvider>
  );
}