Bugs We Love

on YouTube ↗42m

" summary

A practical frontend error-logging system that captures real browser-side failures, links them to session IDs and server requests, and raises alerts when key metrics fall. It uses window.onerror plus extra fields (login, version, lang), wraps critical handlers/events, filters extension/plugin noise, and employs Blob+URL.createObjectURL and crossorigin tricks to obtain true stack and URL information (noting URL memory-leak risks). A logging console and alerting were implemented and successfully uncovered browser-specific breakages.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to bugs
2. 3:42Post-release monitoring
3. 12:04Script error logging
4. 20:55Log filtering and processing
5. 28:20Summary of logging benefits
6. 31:14Q&A

" related talks

• 58mSquashing JavaScript bugsTodd H. Gardner · NDC London 2017
• 34mA year of other’s bugs: the sad state of error handlingBrittany Storoz · JSConf AU 2018
• 22mFrontend Observability OdysseyApurv Khare · React Nexus 2025
• 28mEssential JS debugging tools for the modern detectiveRebecca Hill · localhost conference 2019
• 29mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · JSConf Budapest 2019
• 32mPushing Bugs to Prod Responsibly with React and ReduxAlex Castillo · React Amsterdam 2017
• 30mThe World Beyond console.logDavit Abgaryan · JS Conf Armenia 2021
• 38mLogging as a PainkillerAnton Kazakov · Build Stuff 2020