Future of Web Tooling

on YouTube ↗21m

" summary

Claims that current devtools are primitive and shows concrete alternatives and limits: demo of inline Watchers and inline eval in LightTable that update values in real time, Timeline/Web Inspector used to jump from mouse events into the exact handler, Adobe Brackets Theseus and SpyJs logging 20–30 function calls to reveal live call stacks, a personal Rewind prototype that captures DOM but breaks on async input, and WebKit Timelapse/Webreplay that plays back recorded runs but does not yet provide full rewind and live-edit playback.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 2:11Breakpoints
3. 3:18Light Table
4. 6:20Timeline
5. 8:42Adobe Brackets
6. 15:02Dumbarton Rewind

" related talks

• 30mAlternative Reality DevToolsKonrad Dzwinel · Front-Trends 2017
• 35mJavaScript/Web tooling now and tomorrowChristian Heilmann · JSWorld Conference 2021
• 50mModern Web DebuggingJecelyn Yeen · SmashingConf Freiburg 2023
• 35mOptimise your Web Development WorkflowUmar Hansa · ffconf 2016
• 31mA Modern Front-End WorkflowUmar Hansa · Render Conference 2017
• 37mAll tooled up and nowhere to go?Christian Heilmann · HalfStack Online May 2020
• 33mTooling For The Modern WebApp DeveloperAddy Osmani · dotJS 2012
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019