Hacker News Reader

I don't think the author knows the full set of features available in DevTools. Sourcemaps make the code look familiar. Blackboxing hides the framework stack. DevTools supports conditional breakpoints so in the article's example you could put a breakpoint in the onAddWidget line looking for widget.position.x < 0 or whatever. Voila. Reproduce the bug and you have a stack of your own code that you can inspect and find the issue.

View on HN

The author is aware of source maps, and has had issues with them

> To add to our list of feedback for Javascript debuggers here’s a couple more frustrations you may be familiar with:

> Buggy source maps resulting from bundling and transpilation tools like Webpack and Babel that cause placing break points to be unreliable, and defined names declared undefined

In my experience source maps usually sort of work in Chrome, but don't really work very well in Firefox (which TFA mentioned).

Reply on news.ycombinator.com