Observability in frontend: React Open Telemetry
summary
Claims that React apps become proactive by shipping OpenTelemetry JS SDK in the browser, exporting traces to any observability backend. Demonstrates an actual flower CMS with click→mutation→MongoDB traces, and an instrumented useMutation/useQuery that starts/finishes spans. Shows auto-instrumentation for clicks and requests, a page-span grouping pattern that aggregates multiple requests and navigation into one page trace, notes missing render timing but provides a concrete hook-based solution that is already working end-to-end.
AI-written summary · about
chapters (4)
related talks
30m"Observability for the Front End"
17mUnlocking Observability with React & Node.js
43mObservability for React applications
44mOpenTelemetry in the JavaScript World: Taming Observability in Web Apps
40mObservability for All!
32mObservability for Frontend Engineers
19mUnlocking Observability with React & Node.js
22mFrontend Observability Odyssey