@instantdb/react

@instantdb/react

Get Started · Examples · Try the Demo · Docs · Discord

Welcome to Instant's React SDK.

// ༼ つ ◕_◕ ༽つ Real-time Chat
// ----------------------------------
// * Updates instantly
// * Multiplayer
// * Works offline
function Chat() {
  // 1. Read
  const { isLoading, error, data } = useQuery({
    messages: {},
  });

  // 2. Write
  const addMessage = (message) => {
    transact(tx.messages[id()].update(message));
  }

  // 3. Render!
  return <UI data={data} onAdd={addMessage} />
}

Get Started

Follow the getting started tutorial to set up a live React app in under 5 minutes! Or you can try an interactive demo in your browser :).

Questions?

If you have any questions, feel free to drop us a line on our Discord