Why Don't Browser Dev Tools Understand Your Code? - Enhancing Web Development Workflows

Explore the challenges and potential solutions for browser developer tools in understanding modern web application code in this conference talk from Conf42 JavaScript 2023. Delve into the history of development tools across various platforms, including Visual Studio, Interface Builder, and Unity. Examine why current browser dev tools struggle with complex web applications and learn about innovative approaches to create more code-aware tools. Watch a comprehensive demo showcasing a new visual development workflow that aims to bridge the gap between code and its visual representation. Gain insights into the future of web development tools and how they can better support developers in creating and maintaining complex applications.

intro
preamble
overview
visual studio / windows apps
interface builder / ios apps
unity / games
web app development
why don't browser dev tools understand your code?
- we tried that
- we had that
- now we can
visual part of the code
"scene file" of the web
code-aware dev tool
demo
visual dev workflow
recap