Star us on GitHub
Star
bug left
bug right
Highlight for React

The React
monitoring toolkit you've been waiting for.

What if monitoring your React app was as easy as deploying it? With session replay and error monitoring, Highlight’s got you covered.
Session ReplayInvestigate hard-to-crack bugs by playing through issues in a youtube-like UI. With access to requests, console logs and more!
Error MonitoringContinuously monitor errors and exceptions in your React application, all the way from your frontend to your backend.
Performance MetricsMonitor and set alerts for important performance metrics in React like Web Vitals, Request latency, and much more!
Highlight for React

Get started in your React app
today.

import React from 'react' import { H } from 'highlight.run' import { ErrorBoundary } from '@highlight-run/react' H.init('<YOUR_PROJECT_ID>') // Get your project ID from https://app.highlight.io/setup ReactDOM.render( <React.StrictMode> <ErrorBoundary> <App /> </ErrorBoundary> </React.StrictMode>, document.getElementById('root'), )
Copy

Reproduce issues with high-fidelity session replay.

With our pixel-perfect replays of your React app, you'll get to the bottom of issues in no time and better understand how your app is being used.

Get a ping when exceptions or errors are thrown.

Our alerting infrastructure can take abnormal metrics or errors raised in your React app and notify your engineering team over Slack, Discord, and more!

Monitor the metrics that keep your customers around.

Highlight allows you to track performance, request timings, and several other metrics in your React application.

Our customers

Highlight powers forward-thinking companies. Find out more about our customers →
PipePortalDriposKnockHightouchBasedashImpiraMageAirplane
Secoda
Max Musing

Highlight helps us catch bugs that would otherwise go undetected and makes it easy to replicate and debug them.

Max Musing
Max Musing, Founder & CEO
Lorilyn McCue

Before Highlight, I was flying blind, but now I can see exactly where users are succeeding, failing, and running into issues.

Lorilyn McCue
Lorilyn McCue, Head of Product
Kai Hess

Highlight weaves together the incredible, varied, and complex interactions of our users into something understandable and actionable.

Kai Hess
Kai Hess, Founding Product Designer
Meryl Dakin

I love Highlight because not only does it help me debug more quickly, but it gives me insight into how customers are actually using our product.

Meryl Dakin
Meryl Dakin, Founding Software Engineer
Neil Raina

Highlight has helped us win over several customers by making it possible for us to provide hands-on support, based on a detailed understanding of what each user was doing.

Neil Raina
Neil Raina, CTO
Max Musing

Highlight helps us catch bugs that would otherwise go undetected and makes it easy to replicate and debug them.

Max Musing
Max Musing, Founder & CEO
Lorilyn McCue

Before Highlight, I was flying blind, but now I can see exactly where users are succeeding, failing, and running into issues.

Lorilyn McCue
Lorilyn McCue, Head of Product
Kai Hess

Highlight weaves together the incredible, varied, and complex interactions of our users into something understandable and actionable.

Kai Hess
Kai Hess, Founding Product Designer
Meryl Dakin

I love Highlight because not only does it help me debug more quickly, but it gives me insight into how customers are actually using our product.

Meryl Dakin
Meryl Dakin, Founding Software Engineer
Neil Raina

Highlight has helped us win over several customers by making it possible for us to provide hands-on support, based on a detailed understanding of what each user was doing.

Neil Raina
Neil Raina, CTO
Try Highlight Today

Get the visibility you need