Stop Debugging with Console Logs: Distributed Tracing for Frontend Developers

Frontend developers spend hours debugging production issues with console logs and DevTools, but when users complain that “the app feels slow” or “the API keeps failing,” those tools are not enough. Modern apps are distributed, and without visibility into what happens beyond the browser, debugging becomes guesswork.

In this talk, I will show how distributed tracing helps frontend developers see exactly what happens to every user interaction, from the browser to the backend and database. I will explain the W3C Trace Context standard, demonstrate how to make your frontend the starting point of a trace, and walk through adding OpenTelemetry to a simple frontend app.
Through live coding and practical examples, I will show you how tracing can replace guesswork with data, helping frontend teams debug faster, improve performance, and work better with backend engineers.