traceora.
Local-first runtime diagnostics for React + Node

See the whole story
behind every request.

Traceora records browser and backend events in a bounded local timeline. Use a trace handle to explicitly connect an interaction with its requests.

Start tracing
Live trace / 8f3a recording
01Button.ClickDashboard.tsx:420ms
02State.Changefilters1ms
03Fetch.Start/api/users3ms
04DB.Querymysql24ms
TraceID propagated when you use trace.fetch()
causality map4 events / 31ms
Reactclick
Expressrequest
MySQLquery
X-Traceora-Events → timeline
01 / component signals

See mounts and
render activity.

The Vite plugin instruments supported named function components; use the hook directly for other component shapes.

02 / explicit correlation

Start a trace.
Carry its ID.

Pass a trace handle to trace.fetch() to connect the interaction, request, and instrumented backend events.

03 / local diagnostics

Inspect events
in your app.

The development overlay shows bounded event history. Request bodies and headers are excluded by default.

Get started

Capture events.
Follow the evidence.

Add the integrations you need. Correlate browser requests with server events explicitly using a trace handle.

terminal
npm install @traceora/core @traceora/react @traceora/vite-plugin
vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { traceoraPlugin } from '@traceora/vite-plugin'

export default defineConfig({
  plugins: [traceoraPlugin(), react()],
})

Stop guessing

Make every bug
explain itself.

Install Traceora