Goodbye Broken Source Maps, Hello Debug IDs

Source maps are crucial for debugging minified JavaScript by providing a mapping between the minified code and the original source code. However, the current specification lacks self-description and identification for both JavaScript files and their sourcemaps, causing usability issues and practical difficulties.

Enter debug IDs: a proposed stage 2 tc39 proposal for the source map standard that fixes these issues. Debug IDs ensure that you always get the right source map for your minified JavaScript, fixing debugging headaches and improving the developer experience in every tool you use.

In this talk we'll dive deep into debug IDs. We'll look at how they were developed, the current implementations in the ecosystem (including in Vite, Rolldown and Rollup!) and what the next steps are to get this standardized in JavaScript.

Designed as a Lightning Talk

Building SDKs developers love to use

Modern developers expect seamless developer experience from the SDKs (software development kits) they use, but this is tricky to get right. Join Abhijeet Prasad, Senior Software Engineer at Sentry (sentry.io), as he walks through lessons he's learned over 5+ years of building SDKs to show you the development philosophies you need to follow to build SDKs that developers love to use.

The session will take a look at SDK API Design, dependency management, handling breaking changes, documentation, triaging bug reports, and building with a security/privacy-first approach.

Module Customization Hooks by Example

Node.js offers powerful APIs for customizing module resolution and loading via customization hooks.

By leveraging Node.js module customization hooks, you can expand Node.js functionality to many more use cases. This includes dynamic patching of module functionality, loading non JavaScript files (like TypeScript), and better debugging with APM instrumentation of modules, among others.

Join Abhijeet Prasad, maintainer of Sentry's JavaScript SDKs, as he walks through a series of hands-on examples and real-world use cases to show you how you can use module customization hooks to create more adaptable and maintainable Node.js applications.

Monitoring Your Production Vue Apps

Join Abhijeet Prasad, maintainer of Sentry's open source Vue SDK, as he helps you understand the how to get increased visibility into your Vue applications in production. This talk will dive deep into:
- Tracking bundle size, web vitals, and other important performance metrics
- Configuring distributed tracing to see how your Vue applications are affected by your backend services
- Exploring different monitoring tools you can use to get these insights

Publishing JavaScript Libraries Made Easy

Now more than ever, it’s complicated to publish an JavaScript library, especially if it’s open source. You have to keep in mind different JS runtimes, different TypeScript settings, and different bundler configurations – let’s not even get started on ESM vs. CJS.

Join Abhijeet Prasad, maintainer of Sentry’s error monitoring and performance JavaScript SDKs, as he walks through strategies for publishing libraries that are easy to use and install. Whether you’re building large frameworks, small utilities for your colleagues at work, or anything in-between, these tips will help you build robust libraries that stay working even as JavaScript continues to evolve rapidly.

Done at Web Unleashed 2023 https://www.youtube.com/watch?v=fpTa6oZR0ms

The Performance Impact of Generated JavaScript

The reality of modern JavaScript development with it's reliance of bundlers, frameworks and compilers is that the JavaScript you write is not the same as the JavaScript that runs on your browser. Tools like TypeScript and compilers like Babel allow you to support a variety of older browsers, environments, and runtimes while writing modern, maintainable code, but it can be hard to tell what is going on in that final bundle. When was the last time you peeked inside the dist folder to inspect the JavaScript generated by your framework or bundler? To maximize performance and user experiences, it's crucial not only to focus on and optimize that generated JavaScript produced during the build process.

Join Abhijeet Prasad, maintainer of Sentry's open source error and performance monitoring JavaScript SDKs as he walks through the performance and bundle size implications of generated JavaScript and techniques you can use to optimize it. He'll walk through transpilation nuances, tree-shaking, minification, and loading strategies so you can understand how to deliver better experiences for your users.

Done at JSNation US 2024

Even Your Components Need a Safety Net: React Error Handling Deep Dive

Join Abhijeet Prasad, creator and maintainer of Sentry's tracing and error monitoring React SDK as he dives deep into React error boundaries and the new error handling hooks introduced in React 19. You'll see how Sentry takes advantage of various React error handling capabilities to power cool new features and make debugging easier for every developer.

- Designed as a lightning talk

Done at React Miami 2025

From Stack Trace to Deployed Fix: Sentry Autofix for Vue

Debugging production Vue apps can feel like trying to solve a puzzle with half the pieces missing. But what if you could turn hours of frustration into minutes of insight? In this talk, you’ll learn how Sentry’s advanced issue tracking and AI-powered Autofix can pinpoint root causes and generate code fixes within minutes of an issue impacting a user in production. With Autofix you'll spend less time debugging and more time building.

Designed as a lightning talk - submitted to VueConf US 2025