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 (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 (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 (gist.github.com/stolinski/373cd1d251ff823f6203…).

•
31:23 Sick Picks + Shameless Plugs.

Sick Picks

• Scott: CoffeeSock ColdBrew Filter (amzn.to/4nJbB4p), Chemex Filter (amzn.to/4nBedRC).

• Wes: Bosch Dishwasher.

Shameless Plugs

• Scott: Syntax on YouTube (youtube.com/@syntaxfm)

Hit us up on Socials!

Syntax: X (twitter.com/syntaxfm) Instagram (instagram.com/syntax_fm) Tiktok (tiktok.com/@syntaxfm) LinkedIn (linkedin.com/company/96077407/admin/feed/posts) Threads (threads.net/@syntax_fm)

Wes: X (twitter.com/wesbos) Instagram (instagram.com/wesbos) Tiktok (tiktok.com/@wesbos) LinkedIn (linkedin.com/in/wesbos) Threads (threads.net/@wesbos)

Scott: X (twitter.com/stolinski) Instagram (instagram.com/stolinski) Tiktok (tiktok.com/@stolinski) LinkedIn (linkedin.com/in/stolinski) Threads (threads.net/@stolinski)

Randy: X (twitter.com/randyrektor) Instagram (instagram.com/randyrektor) YouTube (youtube.com/@randyrektor) Threads (threads.net/@randyrektor)