The Svelte + SvelteKit Show

Syntax - Tasty Web Development Treats

In this episode of Syntax, Wes reviews his experience building with Svelte and SvelteKit including templating, data fetching, actions, managing state, request handlers, and more.

Show Notes

• 00:10 Welcome
• 01:12 Syntax Brought to you by Sentry
• 02:11 What is Svelte vs SvelteKit
• From React To SvelteKit — Syntax Podcast 390
• Hasty Treat - Wes & Scott Look At Svelte 3 — Syntax Podcast 173
• Svelte • Cybernetically enhanced web apps
• SvelteKit • Web development, streamlined
• 05:59 Templating in Svelte
• 18:20 Data fetching in SvelteKit
• 25:23 Actions
• 28:58 State
• 32:41 Binding values
• 36:18 Hooks
• 37:25 Request handlers
• Special elements • Docs • Svelte
• website/src/actions/anchor.ts at v2 · syntaxfm/website
• website/src/actions/click_outside.ts at v2 · syntaxfm/website
• 39:23 Svelte Actions
• 42:26 Popover API
• 45:33 Routing
• 47:22 Layouts
• 50:08 Styling
• 57:09 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Aqara Smart Lock U100
• Wes: Headphones Replacement Ear Pads,Compatible for Bose Quietcomfort QC15 QC25 QC35 35 ii-(Black Floral)

Shameless Plugs

• Scott: Sentry
• Wes: Wes Bos Tutorials

Tweet us your tasty treats

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky