Svelte - Web App Development Reimagined • Mark Volkmann • GOTO 2021

36:23 5227 views 98% Published 4 months ago

This presentation was recorded at GOTOpia Chicago 2021. #GOTOcon #GOTOpia

Mark Volkmann - Distinguished Software Engineer at Object Computing

Svelte is an alternative to web frameworks like React, Vue, and Angular. Effort to learn yet another approach is only worthwhile if it brings significant benefits. These might include writing less code to achieve the same result, doing less actual work at runtime, and requiring fewer bytes to be downloaded browsers. Check, check, and check. Svelte delivers on all of these goals and more.
This talk will introduce you to a better way to write web applications [...]

00:00 Intro
00:53 What is Svelte?
02:22 What is SvelteKit?
06:30 Creating a SvelteKit project
07:07 Running a SvelteKit project
07:52 Example "Todo App"
22:52 Logic in markup
23:06 Top Svelte features
25:48 Small bundle sizes
26:15 File-based component defs
26:42 CSS
26:52 Easy component state management
28:34 Reactive statements
29:08 Example "Loan"
30:49 Easy app state management
31:04 Kinds of stores
31:25 Defining writable stores
32:31 Using stores
33:02 Issues to consider
34:03 Related tools
34:43 Topics not covered here
34:54 Svelte resources
35:12 Conclusion

Download slides and read the full abstract here:

Mark Volkmann • Svelte and Sapper in Action •
Alessandro Segala • Svelte 3 Up and Running •
Shane Deam • Svelte JS Book •
#Svelte #SvelteKit #Programming #React #Vue #Angular #Frontend #WebDevelopment #WebApp #WebAppDevelopment #CSS

Looking for a unique learning experience?
Attend the next GOTO conference near you! Get your ticket at

SUBSCRIBE TO OUR CHANNEL - new videos posted almost daily.

Watch on YouTube