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.
  • 04:15 Make a .remote.ts file.
  • 05:07 Querying data.
  • 07:52 Brought to you by Sentry.io.
  • 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.
  • 31:23 Sick Picks + Shameless Plugs.

Sick Picks

  • Scott: CoffeeSock ColdBrew Filter, Chemex Filter.
  • Wes: Bosch Dishwasher.

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