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