traceora.
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 automatically carried across the stack
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

Three packages.
One clear picture.

Add Traceora to the edges of your stack. It quietly connects the dots for you.

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