The Svelte + SvelteKit Show

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 20 September 2023

⏱️ 63 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.1	Strap yourself in and get ready.
0:07.9	Here is Scott Tillinski and WestBoss.
0:10.8	Welcome to Syntax.
0:12.4	Today we have a Svelte and Svelte kit show for you.
0:15.2	We're going to go through the fundamentals of Svelte and talk about them.
0:19.8	Again, we've done some Svelte shows in the past, but now that I have built two applications
0:27.0	in Svelte and Svelte kit, I feel like we should.
0:29.9	To do it again, I kind of tell you, as my background is primarily a React and vanilla
0:36.2	JavaScript developer, so it'll give you my opinions on that type of stuff, like what I love,
0:42.3	what I don't like, what was a little bit weird, all of that good stuff.
0:46.9	So we're going to go through templating, data fetching, state, reactivity, library,
0:53.1	request handler's hooks, forms, routing, layout, styling, and things I don't like.
0:58.4	I got a couple of bones.
1:00.4	Couple of bones.
1:01.4	Yeah.
1:02.4	We'll see if I can smooth out some of those bones, maybe it's a user error thing or an education
1:08.4	thing.
1:09.4	Sometimes it is.
1:13.2	Syntax is brought to you by century, century is error exception, performance tracking.
1:18.4	One thing they just dropped is rage click detection, it's just the best.
1:22.8	Sometimes you just like a rage clicker when you just press a button and a million times
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.