React

npm install @tracelit/tracker

Add init() once at the top level of your app — main.tsx or App.tsx works great.

// src/main.tsx  or  src/App.tsx
import { init } from '@tracelit/tracker'

init({
  token: 'YOUR_TOKEN_HERE',
  environment: 'production', // or "development"
})

That’s it. Tracelit handles SPA route changes automatically via history.pushState — no router config needed.

Always set environment. Only "production" and "development" are accepted. If omitted, events default to development.

Using authentication? Call identify() after login to link sessions to real users. See Identify users.

What’s tracked automatically

Once init() runs, all of this starts working with zero extra code:

Page views (including client-side route changes)
Clicks, rage clicks, and scroll depth
Session replay
JavaScript and API errors
Performance metrics (LCP, FCP, TTFB)
Live visitor count

LLM Prompt

Paste this into your coding assistant to install Tracelit for you:

Install Tracelit in my React project.
Use @tracelit/tracker and initialize it in src/main.tsx (or App.tsx) with:
init({ token: 'YOUR_TOKEN_HERE', environment: 'production' })
Make only minimal changes, then show changed files and a quick verification checklist.

What’s next?

Topic	Description	Guide
Identify users	Full guide to linking sessions to real users.	Read
Feature tagging	Tag flows in session replays.	Read

Frontend

Backend

What’s tracked automatically

LLM Prompt

What’s next?

​What’s tracked automatically

​LLM Prompt

​What’s next?

What’s tracked automatically

LLM Prompt

What’s next?