<p class="has-line-data" data-line-start="0" data-line-end="1">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.</p> <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:10">00:10</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:12">01:12</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:11">02:11</a> What is Svelte vs SvelteKit</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://syntax.fm/show/390/from-react-to-sveltekit">From React To SvelteKit — Syntax Podcast 390</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://syntax.fm/show/173/hasty-treat-wes-and-scott-look-at-svelte-3"> Hasty Treat - Wes & Scott Look At Svelte 3 — Syntax Podcast 173</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://svelte.dev/">Svelte • Cybernetically enhanced web apps</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://kit.svelte.dev/">SvelteKit • Web development, streamlined</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=05:59">05:59</a> Templating in Svelte</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=18:20">18:20</a> Data fetching in SvelteKit</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=25:23">25:23</a> Actions</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=28:58">28:58</a> State</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=32:41">32:41</a> Binding values</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=36:18">36:18</a> Hooks</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=37:25">37:25</a> Request handlers</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://svelte.dev/docs/special-elements#svelte-window">Special elements • Docs • Svelte</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://github.com/syntaxfm/website/blob/v2/src/actions/anchor.ts"> website/src/actions/anchor.ts at v2 · syntaxfm/website</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://github.com/syntaxfm/website/blob/v2/src/actions/click_outside.ts"> website/src/actions/click_outside.ts at v2 · syntaxfm/website</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=39:23">39:23</a> Svelte Actions</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=42:26">42:26</a> Popover API</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=45:33">45:33</a> Routing</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=47:22">47:22</a> Layouts</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=50:08">50:08</a> Styling</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href="#t=57:09">57:09</a> SIIIIICK ××× PIIIICKS ×××</li> </ul>  <a id="_SIIIIICK__PIIIICKS__28"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Scott: <a href= "https://www.amazon.com/dp/B0BZSD2L1W?linkCode=sl1&linkId=3c99452f2f410bd473c91749cfa27a6f&language=en_US"> Aqara Smart Lock U100</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> Wes: <a href= "https://www.amazon.ca/dp/B07QXKNDSW?crid=23KX82S9DQKYG&keywords=bose+wc35+ear+pads+flower&sprefix=bose+wc35+ear+pads+flower,aps,105&th=1&language=en_US&sr=8-18&linkCode=gs2&linkId=5d4c231bde102d4022499ff9ea813b91&tag=isi777-20"> Headphones Replacement Ear Pads,Compatible for Bose Quietcomfort QC15 QC25 QC35 35 ii-(Black Floral)</a></li> </ul>  <a id="Shameless_Plugs_33"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="36" data-line-end="38"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul>  <a id="Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

The Svelte + SvelteKit Show

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews