Melon-dbMelon-db
Packages

@melon-db/db-react

React provider and reactive hooks for MelonDatabase.

Status: Shipped · Depends on: @melon-db/db, optionally query packages · API: Reference

Hooks wire adapter subscriptions to React renders.

Install (alpha)

npm install @melon-db/db-react@alpha

Or with Bun:

bun add @melon-db/db-react@alpha

Example

import { MelonDbProvider, useQuery, useWriter } from '@melon-db/db-react';

function App() {
  return (
    <MelonDbProvider db={db}>
      <TaskList />
    </MelonDbProvider>
  );
}

Hooks

HookPurpose
useDatabaseDatabase from context
useQueryReactive AST / PreparedQuery
useFindMany / useMangoQueryHigher-level reactive reads
useWriterStable db.write
MelonSyncProvider / useSyncSync orchestration

Author & license

Copyright (c) 2026 Nate Nichols. MIT License.