Jan 16
Loading video player...
Ever wondered how to tackle deep-rooted performance issues and bugs in a complex application? Dmitriy Kharchenko from the Augment Code team walks us through a massive refactoring of their VS Code extension. Discover how they used an AI agent to analyze months of pull requests and pinpoint state management as the core problem. Dmitriy explains their journey from React to Svelte, the decision to adopt Redux, and the creation of a unique, open-source library to bridge the gap between Svelte and Redux. This refactoring didn't just squash bugs—it led to huge performance gains, a revolutionary debugging workflow (from weeks to minutes!), and unblocked powerful new features like parallel AI conversations. TIMESTAMPS: 00:00 - Intro: State management & refactoring 00:53 - From frontend dev to extensions 02:06 - The big refactoring story 03:02 - Using an AI agent for insights 04:00 - Analyzing months of PRs with AI 05:15 - Prototyping a solution with an agent 05:49 - Why we chose Redux 06:20 - Combining Redux with Svelte state 07:53 - Performance optimizations & caching 09:13 - New AI debugging workflow 10:14 - Guiding the AI with documentation 12:18 - Creating directory-specific AI rules 14:42 - Building a custom Svelte-Redux connector 16:54 - Open-sourcing the connector library 18:45 - How refactoring unblocked new features 19:39 - Feature unlock: Parallel conversations 21:14 - Teaser: AI designing UI #Svelte #Redux #VSCode #AI #SoftwareEngineering #StateManagement #Refactoring