Svelte Appstravaganza - Building 3 Apps with Svelte - Score Counter, Todo App and Reddit Client

This is a highlight of a stream that was broadcasted live on twitch. Follow on twitch to watch live: https://twitch.tv/codinggarden View the full live stream archive on the archive channel: https://www.youtube.com/watch?v=Xo7R887hpoA

View the code here: https://github.com/CodingGarden/svelte-appstravaganza/

📩 Sign up for my mailing list: https://list.coding.garden/
💖 Donate: https://coding.garden/donate
😍 Pledge: https://coding.garden/pledge
💬 Discord: https://coding.garden/discord
🎉 Stickers: https://coding.garden/stickers
💻 Gear List: https://coding.garden/gear
🔎 Search for more Coding Garden videos here: https://coding.garden/videos
🗣 View the Coding Garden FAQ here: https://github.com/CodingGarden/faqs

00:00:00 Introduction
00:01:13 What is Svelte?
00:02:40 Pico CSS
00:03:06 Player Score Counter Generate
00:06:30 Adding Pico CSS to the page
00:08:21 Svelte Docs are GREAT
00:08:50 DOM Events
00:09:40 Svelte Reactivity
00:11:28 Extracting Components
00:12:59 Props
00:14:51 Top Level Element
00:16:08 Svelte Template Language
00:17:33 CSS Classes / Scoped Styles
00:19:08 Reset Button
00:21:00 ELI5 DOM
00:24:53 Player Score Counter Review
00:26:00 Binding Props
00:28:39 TODO App Generate
00:30:42 Creating a Form Component
00:32:50 preventDefault
00:34:33 input value binding
00:35:20 Add TODO function
00:37:06 Array reactivity
00:37:43 iteration / each block
00:41:53 Mark TODO as DONE
00:42:20 CSS class binding
00:43:57 conditional rendering / if block
00:49:47 Remove TODO
00:51:40 Save todos in localStorage
00:52:44 reactive statements
00:56:16 TODO App review
00:57:35 What is SvelteKit?
00:58:11 generate Reddit Client app
00:59:25 Install svelte extension in VS Code
00:59:52 Add Pico CSS
01:00:29 Page based Routing
01:01:43 Route Params
01:02:26 Load Function
01:04:23 fetching reddit posts
01:06:48 component props
01:08:08 iterating / each block
01:12:28 Reddit Client Review
01:14:09 Showing Videos / Images
01:22:40 Programmer Humor Review

Видео Svelte Appstravaganza - Building 3 Apps with Svelte - Score Counter, Todo App and Reddit Client канала Coding Garden