Syntax - Tasty Web Development Treats

Scott and Wes sit down with Kent C. Dodds to break down MCP, context engineering, and what it really takes to build effective AI-powered tools. They dig into practical examples, UI patterns, performance tradeoffs, and whether the future of the web lives in chat or the browser.

Show Notes

00:00 Welcome to Syntax!

00:44 Introduction to Kent C. Dodds

02:44 What is MCP?

03:28 Context Engineering in AI

04:49 Practical Examples of MCP

06:33 Challenges with Context Bloat

08:08 Brought to you by Sentry.io

09:37 Why not give AI API access directly?

12:28 How is an MCP different from Skills

14:58 MCP optimizations and efficiency levers

16:24 MCP UI and Its Importance

19:18 Where are we at today with MCP

24:06 What is the development flow for building MCP servers?

27:17 Building out an MCP UI.

29:29 Returning HTML, when to render.

36:17 Calling tools from your UI

37:25 What is Goose?

38:42 Are browsers cooked? Is everything via chat?

43:25 Remix3

47:21 Sick Picks & Shameless Plugs

Sick Picks

Kent: OneWheel

Shameless Plugs

Kent: http://EpicAI.pro,http://EpicWeb.dev,http://EpicReact.dev

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk about why mobile web apps often feel “janky” compared to native—and how to fix it. They cover input zooming, accidental horizontal scroll, pointer/user-select quirks, frame rate consistency, full-page refreshes, and more.

Show Notes

00:00 Welcome to Syntax!

01:11 Brought to you by Sentry.io

02:57 Zooming inputs

06:11 Horizontal scrolling

08:49 Proper use of pointer-events: none, and user-select: none

11:27 Allowing zoom on everything

16:37 Cleaning up the “jank”

19:48 Full page refresh

24:05 Slow loading times

29:50 Cumulative layout shift

32:47 Address bars and viewport units

Dynamic Viewport Units

35:34 Full-width scroll traps

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Is Stack Overflow actually dying, and what does that mean in an AI-driven dev world? Scott and Wes break down the latest web dev news, from Firefox’s AI crossroads and Apple’s browser engine changes to new tools, docs, and spicy browser updates.

Show Notes

00:00 Welcome to Syntax!

02:36 Stack Overflow is Officially Dead

05:40 AI’s Impact on Software Development

07:56 Brought to you by Sentry.io

08:20 Micro QuickJS for Embedded Systems

13:03 Open Workers: A Cloudflare Alternative

20:09 React Aria has new Docs

24:12 Firefox and the AI Dilemma

The Mozilla Announcement

31:11 Apple’s Browser Engine Changes

Using alternative browser engines in Japan.

36:12 Fractured JSON for Better Readability

37:45 New Chrome Permissions Dialogue

Chrome Network Access

41:15 Sick Picks & Shameless Plugs

Sick Picks

Scott: TRMNL E-Ink Display

Wes: ACEBOTT

Shameless Plugs

Scott: Syntax on YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott answer your questions about whether Git GUIs beat the terminal, balancing accessibility with experimental web projects, blocking malicious traffic, smart home setups, why Anthropic bought Bun, navigating tricky team dynamics, and more!

Show Notes

00:00 Welcome to Syntax!

00:51 Why did Anthropic buy Bun?

07:33 Should you use Git GUIs or the terminal?

lazygit

12:54 How to make better coding videos

v_framer

Recut

DaVinci Resolve

Shure MV7+

20:31 How do you handle a difficult dev teammate?

24:16 Brought to you by Sentry.io

24:41 Creative and experimental code vs accessible code

Using luminance instead of lightness

Color contrast checker

Auto color

31:51 Smart home setups we actually use

35:37 How do you block bad bots and ISPs?

Bad ASN list

38:02 What is SAP UI and why is it everywhere?

SAP UI5 Demo Kit

41:28 Sick Picks + Shameless Plugs

Sick Picks

Scott: Inside Archaeology

Wes: ProfessorBoots

Shameless Plugs

Syntax YouTube Channel

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes sit down with Dimitri Mitropoulos to explore the wild edges of TypeScript—from running Doom in the type system to building tools like Typeslayer. They dig into Turing-complete types, performance limits, and what the future might hold for TypeScript and programming languages as a whole.

Show Notes


00:00 Welcome to Syntax!


00:27 Dimitri Mitropoulos Introduction


01:29 What is Doom in TypeScript?


03:10 TypeScript Types and Turing Completeness


04:06 Project Overview and Challenges


04:57 ASCII Art and Visual Representation


06:50 Performance Issues with TypeScript


09:27 Brought to you by Sentry.io


09:51 Typeslayer Tool Introduction


16:19 Building in Tauri


20:54 Challenges around packaging


24:03 Future of TypeScript and AI


27:40 Is the Go-based compiler significantly faster?

TSperf


30:23 Should there be something to follow Typescript?


36:27 Staying up to date with WASM.


37:08 SquiggleConf Overview


38:26 Hosting a conference


40:45 What are your thoughts on Zig?


45:07 Vibe coding as an end goal


50:01 Sick Picks & Shameless Plugs

Sick Picks

Dimitri: pullfrog

Shameless Plugs

Dimitri: Michigan TypeScript on YouTube

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads