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 Replay
Investigate hard-to-crack bugs by playing through issues in a youtube-like UI. With access to requests, console logs and more!
Error Monitoring
Continuously monitor errors and exceptions in your React application, all the way from your frontend to your backend.
Performance Metrics
Monitor 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'),
)
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.
Ready to ship like never before?
