Frontend System Design
/Advanced
Sentry
Definition
Sentry is a leading error tracking and performance monitoring platform. It hooks into the global error handlers of the browser (`window.onerror`) and automatically uploads rich context, source maps, and breadcrumbs.
Explain Like I'm New
The industry standard tool for catching bugs in production.
Terminal Output
bash / terminal
// Sentry Initialization in React
import * as Sentry from "@sentry/react";
Sentry.init({
dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
integrations: [new Sentry.BrowserTracing()],
tracesSampleRate: 1.0, // Capture 100% of transactions for performance monitoring
});
Interview Questions
basic
- What is the core concept of Sentry?
intermediate
- How does Sentry impact the overall user experience?
advanced
- How do you scale Sentry across a large enterprise application?
trick
- Can Sentry be fully automated?