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.
Technoly GmbH
Berlin, Germany
Senior
JavaScript
Angular
+1
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
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 JavaScript frameworks
How to Stop Choosing JavaScript Frameworks and Start Living
06:10 MIN
The ongoing debate for JavaScript-free web solutions
WeAreDevelopers LIVE – Keeping Up with Styles, Data & More
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
Featured Partners
Related Videos
How to Stop Choosing JavaScript Frameworks and Start Living
Sasha Shynkevich
On tour with heroes == Moving from Angular to WebComponents
Benjamin Glusa
Web development best practices in 2021
Laurie Voss
To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
What the heck do "declarative" and "reactive" actually mean?
André Kovac
Snappy UI needs no Single-Page Application
Clemens Helm
The Lean Web
Chris Ferdinandi
Svelte ♥ TypeScript and so will you
Ivan Hofer
Related Articles
View all articles

.png?w=240&auto=compress,format)

From learning to earning
Jobs that call for the skills explored in this talk.

&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript

CareerValue
Bilthoven, Netherlands
€3-5K
Junior
Scrum
Svelte
JavaScript
TypeScript

Decathlon Switzerland
Geneva, Switzerland
Intermediate
CSS
Flask
Python
Svelte
FastAPI
+2

Lightspeed
Ghent, Belgium
Remote
Senior
CSS
HTML
REST
React
+8



Optimus Search
Berlin, Germany
Remote
Intermediate
API
CSS
GIT
React
+4

Client Server
Billericay, United Kingdom
Remote
£65-75K
CSS
Gulp
SASS
+6
