Markus Hatvan
Why I Recommend Svelte to Every New Web Developer
#1about 5 minutes
Understanding Svelte's compiler-first approach
Svelte is a frontend framework that compiles to vanilla JavaScript, eliminating the virtual DOM and reducing boilerplate code compared to React or Vue.
#2about 1 minute
Exploring the history and motivation behind Svelte
Rich Harris created Svelte to handle high-performance data visualizations for The New York Times, leading to its evolution through several major versions.
#3about 3 minutes
Why developers prefer Svelte over other frameworks
Performance benchmarks and high developer satisfaction ratings in surveys like State of JavaScript highlight Svelte's advantages over other frameworks.
#4about 3 minutes
Building components with built-in accessibility checks
Svelte components combine script, template, and scoped styles in a single file, with built-in checks for accessibility and unused CSS.
#5about 3 minutes
Managing state with reactivity and shorthand props
Svelte uses the dollar sign ($) for reactive statements and offers shorthand syntax for passing props between parent and child components.
#6about 3 minutes
Using built-in stores and handling async operations
Svelte provides built-in writable stores for global state management and a simple syntax for handling promises with await, then, and catch blocks.
#7about 3 minutes
Implementing animations and transitions with Svelte
Svelte's motion and transition modules provide powerful, easy-to-use tools for creating complex animations and UI transitions with minimal code.
#8about 3 minutes
Navigating the Svelte ecosystem and its limitations
Despite limitations like a smaller job market, Svelte has a growing ecosystem and pairs well with tools like SvelteKit and Tailwind CSS.
#9about 3 minutes
Exploring the future of Svelte with SvelteKit
The upcoming stable release of SvelteKit, powered by modern tools like Vite, signals a bright future for the framework's adoption and performance.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
00:59 MIN
Final thoughts and review of developing with Svelte
On tour with heroes == Moving from Angular to WebComponents
02:16 MIN
Using Web Components and Svelte as an alternative
On tour with heroes == Moving from Angular to WebComponents
02:25 MIN
Q&A on compiler adoption and the move to full-stack
To New Frontiers: The Future of Frontend Development
05:42 MIN
A detailed breakdown of modern web frameworks
Web development best practices in 2021
11:10 MIN
A brief history of the JavaScript framework evolution
How to Stop Choosing JavaScript Frameworks and Start Living
02:28 MIN
Svelte's approach to truly reactive state updates
What the heck do "declarative" and "reactive" actually mean?
03:18 MIN
The benefits of using TypeScript with Svelte
Svelte ♥ TypeScript and so will you
04:07 MIN
Contrasting developer interest with actual framework usage statistics
To New Frontiers: The Future of Frontend Development
Featured Partners
Related Videos
On tour with heroes == Moving from Angular to WebComponents
Benjamin Glusa
How to Stop Choosing JavaScript Frameworks and Start Living
Sasha Shynkevich
Svelte ♥ TypeScript and so will you
Ivan Hofer
The Lean Web
Chris Ferdinandi
Snappy UI needs no Single-Page Application
Clemens Helm
To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
What the heck do "declarative" and "reactive" actually mean?
André Kovac
petite-vue - Progressively enhancing every application?
Alexander Lichter
Related Articles
View all articles
.png?w=240&auto=compress,format)

.png?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.

doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript

infomax websolutions GmbH
Grassau, Germany
Senior
Vue.js
Angular
JavaScript
TypeScript

JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript


Schulz.codes GmbH
Darmstadt, Germany
Intermediate
Senior
React
JavaScript
TypeScript


Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript

norisk Group
München, Germany
Intermediate
Senior
Nuxt.js
JavaScript

autoiXpert GmbH & Co. KG
Stuttgart, Germany
Senior
Node.js
Angular
MongoDB
TypeScript