Tracing is for Everyone, Not Just Backend Engineers. (How Tracing Could Help Front-e...
summary
Claim: front-end code can emit real distributed traces and be correlated with backend traces using OpenTelemetry in the browser. Live demo wires a tracer, a Zipkin exporter, and a simple React hook to create spans on clicks, post traces, and view them in Zipkin; it mostly works on stage though one click event misses. Code is on GitHub and the approach exposes browser-side timing and attributes for backend correlation without vendor lock-in.
AI-written summary · about
chapters (9)
- 0:00The challenges of observability
- 2:13Introduction to OpenTelemetry
- 3:37Instrumenting the application
- 5:52Configuring tracers and spans
- 7:36Creating and managing spans
- 10:43Live demo and results
- 12:45Use cases and best practices
- 15:54Strategies for implementation
- 16:55Q&A and closing remarks
related talks
30m"Observability for the Front End"
16mPragmatic execution tracing
25mFollow The (Full)stack Trace: Understand Your App with Distributed Tracing
20mThe (Full)stack Trace: Understand Your App with Distributed Tracing
24mDistributed Tracing : New DevOps Foundation.
59mAn introduction to distributed tracing
17mObservability in frontend: React Open Telemetry
22mDistributed Tracing