In this video CJ showcases the new features of Svelte 5 by building tasks application. He demos $state, $derived, $props, $derived.by and talks about some of the other changes in Svelte 5.
👉 Join the exclusive newsletter - https://syntax.fm/snackpack
View the code here: https://github.com/w3cj/svelte-5-tasks-app
00:00 intro
00:42 create form
05:15 tasks list
07:50 mark as done
10:08 total status
11:24 remove task
13:34 filter tasks
17:34 filter buttons
20:11 transition animations
20:53 thanks!
Svelte | https://svelte.dev/
Svelte 5 Release | https://svelte.dev/blog/svelte-5-is-alive
Svelte 5 Migration Guide | https://svelte.dev/docs/svelte/v5-migration-guide
Pico CSS | https://picocss.com/
------------------------------------------------------------------------------
Hit us up on Socials!
https://www.syntax.fm/links
Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax
#svelte #javascript #webdevelopment