Build a Component Library with SvelteKit (with Brittney Postma) | Some Antics

Svelte and SvelteKit are tools for building lightweight, compiled web applications. Join us as Svelte Sirens organizer Brittney Postma shows us how to get started building web apps with SvelteKit!

Broadcasted live on Twitch on February 8, 2022. Watch future streams live at https://www.twitch.tv/someanticsdev.

Transcript and links at: https://someantics.dev/sveltekit-component-library/
Source code: https://github.com/SomeAnticsDev/sveltekit-component-library
Follow Brittney on Twitter: https://twitter.com/BrittneyPostma
Brittney's site: https://brittneypostma.com
Coding Cat: https://codingcat.dev
Svelte Sirens: https://sveltesirens.dev

#Svelte #SvelteKit #WebDev

---

Mentioned Links:
- SvelteKit: https://kit.svelte.dev
- Open Props: https://open-props.style
- Svelte tutorial from the docs: https://svelte.dev/tutorial/basics
- Svelte REPL: https://svelte.dev/repl/hello-world

---

00:00 Introductions
02:49 Why Svelte?
04:28 Starting a New SvelteKit Project
10:08 Styling in Svelte
19:27 Creating a Button Component
26:44 The Card and Checkbox Components
31:41 Creating a Todo List
41:11 Animations in Svelte
48:23 Style Props
50:40 The State of TypeScript in Svelte
52:14 Wrapping Up

sveltesveltekitsomeanticsdev