Syntax - Tasty Web Development Treats

1008: Diffs, Trees, and VS Code 2.0

59 min · 27. Mai 2026
Episode 1008: Diffs, Trees, and VS Code 2.0 Cover

Beschreibung

Scott and Wes sit down with Alex Sexton and Amadeus De Marzi from Pierre Computer to dig into the gnarly performance challenges behind building blazing-fast code review tools, covering virtualization, progressive rendering, and why GitHub’s UI feels so sluggish. They also chat about how major AI coding tools like Claude, Codex, and Cursor are adopting Pierre’s diffs library, plus the role of web components, benchmarking, and what it takes to build “VS Code 2.0.” SHOW NOTES * 00:00 Welcome to Syntax! * 04:00 The Need for Better Infrastructure * 05:53 Understanding Diffs and Trees * diffs.com [https://diffs.com/] * Trees by the Pierre Computer Co [https://trees.software/] * 08:16 Performance Challenges in Code Review * 10:49 Virtualization Techniques for Smooth Scrolling * 15:04 In-Page Find and Virtualization Limitations * 17:00 Browser Limitations and Content Visibility * 19:29 Progressive Rendering and Syntax Highlighting * 23:05 Tools and Techniques for Performance Testing * 33:35 Optimizing Performance with AI * 36:31 Mastering Auto Research for Efficiency * 42:00 Exploring Web Components and State Management * 44:05 Innovations in Rendering and Virtualization * 49:12 Business Insights and Future Directions * 53:58 Sick Picks HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

Kommentare

0

Sei die erste Person, die kommentiert

Melde dich jetzt an und werde Teil der Syntax - Tasty Web Development Treats-Community!

Loslegen

2 Monate für 1 €

Dann 4,99 € / Monat · Jederzeit kündbar.

  • Podcasts nur bei Podimo
  • 20 Stunden Hörbücher / Monat
  • Alle kostenlosen Podcasts

Alle Folgen

1008 Folgen

Episode 1009: 54% AI-Generated and Climbing — State of AI Cover

1009: 54% AI-Generated and Climbing — State of AI

Scott and Wes react to the freshly released State of AI 2026 survey, covering everything from skyrocketing AI adoption and the rise of coding agents to the pain points, job security fears, and big philosophical questions developers are wrestling with right now. SHOW NOTES * 00:00 Welcome to Syntax! * 00:06 Introduction to the State of AI in Web Development [https://2026.stateofai.dev/en-US] * 02:47 Survey Insights: AI Coding Adoption and Sentiment * 06:55 Models and Providers: Usage and Sentiment Analysis * 09:14 Paid Agent Usage: Who’s Paying for What? * 11:31 Agents and Assistants. * 15:21 Personal Experiences with AI Tools * 20:33 Paid Agent Usage * 22:36 Programming Languages: Trends in AI Coding * 23:54 Image Generation Tools: A Shift in Usage * 26:48 The Evolution of Image Generation Tools * 28:44 The Future of Video Generation * 29:42 AI in App Development * 30:54 Code Review Tools * 31:27 Brought to you by Sentry.io [https://sentry.io/syntax] * 34:59 AI’s Role in Code Generation and Review * 35:50 The Financial Impact of AI Tools * 38:03 Local AI: Trends and Misconceptions * 41:28 AI Risks and Pain Points * 45:13 User Sentiment Towards AI * 48:44 The AI Bubble: Current Perspectives * 50:52 Survey Insights and Future Directions HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

1. Juni 202654 min
Episode 1008: Diffs, Trees, and VS Code 2.0 Cover

1008: Diffs, Trees, and VS Code 2.0

Scott and Wes sit down with Alex Sexton and Amadeus De Marzi from Pierre Computer to dig into the gnarly performance challenges behind building blazing-fast code review tools, covering virtualization, progressive rendering, and why GitHub’s UI feels so sluggish. They also chat about how major AI coding tools like Claude, Codex, and Cursor are adopting Pierre’s diffs library, plus the role of web components, benchmarking, and what it takes to build “VS Code 2.0.” SHOW NOTES * 00:00 Welcome to Syntax! * 04:00 The Need for Better Infrastructure * 05:53 Understanding Diffs and Trees * diffs.com [https://diffs.com/] * Trees by the Pierre Computer Co [https://trees.software/] * 08:16 Performance Challenges in Code Review * 10:49 Virtualization Techniques for Smooth Scrolling * 15:04 In-Page Find and Virtualization Limitations * 17:00 Browser Limitations and Content Visibility * 19:29 Progressive Rendering and Syntax Highlighting * 23:05 Tools and Techniques for Performance Testing * 33:35 Optimizing Performance with AI * 36:31 Mastering Auto Research for Efficiency * 42:00 Exploring Web Components and State Management * 44:05 Innovations in Rendering and Virtualization * 49:12 Business Insights and Future Directions * 53:58 Sick Picks HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

27. Mai 202659 min
Episode 1007: 8 Tech Choices to Lock In Before Agentmaxxing Cover

1007: 8 Tech Choices to Lock In Before Agentmaxxing

Wes and Scott talk about the foundational decisions that make AI-assisted coding actually work—database schemas, validation, routing, CSS structure, and more. They explore why consistency matters more than specific tools, and how a little upfront planning can keep agents from turning your codebase into chaos. SHOW NOTES * 00:00 Welcome to Syntax! * 03:19 Planning your database schema before AI touches it * 06:08 Picking a validation strategy that won’t drift * 07:18 Mapping your routing structure and auth flow * 08:48 Brought to you by Sentry.io [https://sentry.io/syntax/] * 10:52 Locking in your CSS methodology and UI framework * 13:31 Choosing how your client and server communicate * 15:03 Creating a folder structure agents can follow * 16:16 Don’t be afraid to switch up your AI setup later HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

25. Mai 202617 min
Episode 1006: Can AI Make Good Design? Cover

1006: Can AI Make Good Design?

Wes and Scott talk about whether AI can actually create good design, or if it just remixes the same patterns over and over. They dig into AI-generated UX, design systems, YouTube thumbnails, Google’s design.md spec, programmatic design, and the tools designers are actually using today. Show Notes * 00:00 Welcome to Syntax! * 03:20 Can AI actually make you creative? * 08:52 Why AI-generated YouTube thumbnails all look the same * 10:34 Can good design be extrapolated from patterns? * 13:46 Google’s design.md and AI steering documents * 16:57 Can AI make good UX? * 19:37 Brought to you by Sentry.io [https://sentry.io/syntax/] * 21:03 Can good design be programmatic? * 23:57 Can AI optimize design for outcomes and conversions? * 27:40 Should designers use AI to enhance their work? * 32:41 The AI design tools people are actually using Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

20. Mai 202635 min
Episode 1005: Programatic and Skill based Video Creation with Remotion Cover

1005: Programatic and Skill based Video Creation with Remotion

Scott and Wes are joined by Jonny Burger, creator of Remotion, to talk about the explosion of programmatic video, going from 125k to 800k installs per day, and how AI and a new HTML-in-Canvas Chrome spec are changing the game. They dig into monetization, the wild world of video slop, motion graphics workflows, and the new Media Bunny tool. SHOW NOTES * 00:00 Welcome to Syntax! * Remotion has skills! [https://github.com/remotion-dev/skills] * 02:20 Monetization Strategies and Sustainability * Remotion Pro [https://www.remotion.pro/] * 04:40 The Impact of AI on Video Creation * 07:46 User Demographics and Use Cases * 09:49 The Future of Video Editing Workflows * 13:14 HTML in Canvas: A Game Changer * 16:17 Technical Challenges and Innovations * 18:44 Brought to you by Sentry.io [https://sentry.io/syntax] * 19:09 The Future of Remotion and Community Feedback * 22:59 Rendering CSS Animations and Performance Optimization * 27:05 The Underworld of Video Slop * 29:12 Transition to Media Bunny * remotion.dev/docs/mediabunny/ [http://remotion.dev/docs/mediabunny/] * 33:50 Motion Graphics Workflow * 39:42 Sick Picks + Shameless Plugs SICK PICKS * Jonny: ENTTEC DMX to USB Interface [https://www.enttec.com/product/dmx-usb-interfaces/dmx-usb-pro-professional-1u-usb-to-dmx512-converter/] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

18. Mai 202643 min