Syntax - Tasty Web Development Treats

955: SvelteKit has solved data loading

Scott and Wes break down SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple. SHOW NOTES * 00:00 Welcome to Syntax! * 00:45 Lots of RPC library options. * 01:22 Svelte’s Page-Level Data Always Felt Off * 02:12 Progress on the new Syntax site. * 03:47 Remote functions explained. * Svelte Remote Functions Docs [https://svelte.dev/docs/kit/remote-functions]. * 04:15 Make a .remote.ts file. * 05:07 Querying data. * 07:52 Brought to you by Sentry.io [https://sentry.io/syntax]. * 08:17 Svelte’s leg up on React. * 10:13 Query Arguments. * 11:39 The benefits of Standard Schema. * 13:13 Refreshing Queries. * 13:29 query.batch * 15:18 Form function. * 21:13 Enhance. * 22:31 Refresh. * 23:16 Command query. * 24:25 Prerender. * 25:22 Caching. * 27:44 My Local Cache Service Worker [https://gist.github.com/stolinski/373cd1d251ff823f6203ab53147cd433]. * 31:23 Sick Picks + Shameless Plugs. SICK PICKS * Scott: CoffeeSock ColdBrew Filter [https://amzn.to/4nJbB4p], Chemex Filter [https://amzn.to/4nBedRC]. * Wes: Bosch Dishwasher. SHAMELESS PLUGS * Scott: Syntax on YouTube [https://youtube.com/@syntaxfm] 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]

954: Fullstack TanStack! The Scoop with Tanner Linsley

Live from GitHub Universe, Wes and Scott talk with Tanner Linsley about the latest from TanStack, including TanStack DB’s local-first syncing, new routing ideas, and fresh perspectives on server components and “magic” directives. They explore performance, incremental adoption, and what’s next for the rapidly growing TanStack ecosystem — plus a few spicy takes along the way. SHOW NOTES * 00:00 Welcome to Syntax! * 01:12 What’s new in the TanStack [https://tanstack.com/] universe? * 01:57 Introducing TanStack DB [https://tanstack.com/db/latest]: local-first sync engine * 05:17 How syncing and transactions actually work in TanStack DB * 07:03 Next.js 16 Workflows: durable functions and the directive debate * 08:46 Brought to you by Sentry.io [https://sentry.io/syntax/] * 09:41 Tanner’s case for fewer “magic directives” * 12:36 TanStack’s approach to React Server Components * 14:30 The momentum of leading an ecosystem * 15:38 Top-secret TanStack project in the works 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]

953: Why v0 creator left Vercel to fix GitHub (GOAT Jared Palmer)

Scott and Wes sit down with Jared Palmer of GitHub (formerly of Vercel) to unpack all the biggest announcements from GitHub Universe 2025. They dive into the future of developer workflows with agents, how GitHub is rethinking project interfaces, and where there’s still room to improve the dev experience. SHOW NOTES * 00:00 Welcome to Syntax! * GitHub Universe Recap [https://github.com/events/universe/recap]. * 00:21 Who is Jared Palmer? * 01:19 The developer workflow with agents. * 03:33 Opening ongoing tasks in VS Code. * 06:08 The benefit of agnostic agents. * 07:04 GitHub’s biggest opportunities for improvement. * 09:38 What’s your interface of choice for a new project? 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]

952: VS Code, GitHub & Copilot - UNIVERSE 25 Announcements + Reactions

Live from GitHub Universe, Wes, Scott, and CJ talk about the latest AI and developer tools from GitHub, including Agent HQ, Copilot integrations, and the new mission control for agents. They also share stories from the Syntax meetup, hack their conference badges, and debate AI’s role in coding. SHOW NOTES * 00:00 Welcome to Syntax! * 03:39 This year’s GitHub Universe badges were next-level * 07:35 Keynote recap: GitHub Agents, Copilot, and Mission Control * 18:21 Brought to you by Sentry.io [https://sentry.io/syntax/] * 20:33 Plan Mode and the future of collaborative coding * 23:40 Cursor’s new trick: firing off agents straight from Slack * 25:32 Copilot Metrics Dashboard and agent analytics * 27:53 Effortless MCP integration and custom agent workflows * 31:35 Wrapping up GitHub Universe 2025 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]

951: A first look at Remix 3

Scott and Wes dive into Remix 3, exploring how it embraces native web standards like Events, Signals, and Streams to become a truly full-stack framework. They unpack what “LLM-ready,” thin APIs, and a standards-based approach mean for the future of web development. SHOW NOTES * 00:00 Welcome to Syntax! * 03:21 Uses the platform - native Events, Signals, Streams, Fetch * 04:16 Remix 3, Fully Fullstack. * 04:57 LLM‑ready + thin APIs * 05:53 Brought to you by Sentry.io [https://sentry.io/syntax]. * 06:18 My previous predictions. * 07:44 The value of ‘Standards Based’. * 09:13 Component model - JSX/TSX; state = variables; call this.render() * 11:56 Adding reactivity to Remix. * 15:15 Event‑based architecture - custom events, EventTarget, interactions * 20:52 Context & type‑safe access. * 22:46 Composing interaction logic within events. * 24:25 Signals - AbortSignal to cancel async ops * 25:21 Benefits of standards - bring your own tools/libraries * Michael Asnong X Post [https://x.com/Valkendorm/status/1977805263790125546]. * 26:42 CSS - built‑in CSS prop; Svelte‑like scoping * 28:34 Server - Web Request/Response, Web Streams across runtimes * 31:23 Frames - async URL‑addressable components with fallbacks * 33:07 Tooling - ESM; use Vite or esbuild * 34:47 Routing - code‑based named routes * 35:57 Questions/Concerns - manual rendering vs reactivity * 38:47 URL Pattern API - modern, fast routing foundations * 41:33 Sick Picks + Shameless Plugs. SICK PICKS * Scott: MoCA 2.5 Network Adapter [https://amzn.to/475385d] * Wes: Bosch Dishwasher SHAMELESS PLUGS * Scott: Syntax on YouTube [https://youtube.com/@syntaxfm]. 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]