The Svelte + SvelteKit Show

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