Svelte 5: In Action | Build A Tasks App

Video Description

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