Markus Hatvan

Why I Recommend Svelte to Every New Web Developer

What if you could build web apps without a virtual DOM? Learn how Svelte compiles away, leaving only tiny, blazing-fast vanilla JavaScript.

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.

d

Saby Company
Delebio, Italy

Junior

job ad

Saby Company
Delebio, Italy

Intermediate

Matching moments

Final thoughts and review of developing with Svelte
42:09 MIN

Final thoughts and review of developing with Svelte

On tour with heroes == Moving from Angular to WebComponents

Using Web Components and Svelte as an alternative
04:03 MIN

Using Web Components and Svelte as an alternative

On tour with heroes == Moving from Angular to WebComponents

Q&A on compiler adoption and the move to full-stack
23:35 MIN

Q&A on compiler adoption and the move to full-stack

To New Frontiers: The Future of Frontend Development

A detailed breakdown of modern web frameworks
27:03 MIN

A detailed breakdown of modern web frameworks

Web development best practices in 2021

A brief history of the JavaScript framework evolution
20:50 MIN

A brief history of the JavaScript framework evolution

How to Stop Choosing JavaScript Frameworks and Start Living

Svelte's approach to truly reactive state updates
28:12 MIN

Svelte's approach to truly reactive state updates

What the heck do "declarative" and "reactive" actually mean?

The benefits of using TypeScript with Svelte
00:41 MIN

The benefits of using TypeScript with Svelte

Svelte ♥ TypeScript and so will you

Contrasting developer interest with actual framework usage statistics
19:28 MIN

Contrasting developer interest with actual framework usage statistics

To New Frontiers: The Future of Frontend Development

Featured Partners

Related Videos

See all videos
On tour with heroes == Moving from Angular to WebComponents43:08

On tour with heroes == Moving from Angular to WebComponents

Benjamin Glusa

How to Stop Choosing JavaScript Frameworks and Start Living43:57

How to Stop Choosing JavaScript Frameworks and Start Living

Sasha Shynkevich

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

Svelte ♥ TypeScript and so will you28:20

Svelte ♥ TypeScript and so will you

Ivan Hofer

The Lean Web46:46

The Lean Web

Chris Ferdinandi

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

To New Frontiers: The Future of Frontend Development26:00

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

What the heck do "declarative" and "reactive" actually mean?30:40

What the heck do "declarative" and "reactive" actually mean?

André Kovac

Related Articles

View all articles
LM
Luis Minvielle
The Best 7 Frontend Frameworks for Developers in 2025
Which frontend frameworks should developers focus on in 2025? We’re listing them for you and showing advantages and drawbacks. You’ll notice we included some libraries as well, because you can’t miss those in 2025.What is the best front end framework...
The Best 7 Frontend Frameworks for Developers in 2025
EM
Eli McGarvie
Top 10 Svelte UI Libraries in 2025
As Svelte gains traction among developers for its impressive performance and simplicity, the need for robust UI libraries becomes increasingly apparent. UI libraries can provide developers with the necessary building blocks to easily create beautiful...
Top 10 Svelte UI Libraries in 2025
LM
Luis Minvielle
The Best JavaScript Framework to Learn
When the Greek mastermind Heraclitus, millennia ago, claimed that “the only constant is change,” he certainly pepped up Star Wars creator George Lucas to perpetually re-do shots crucial to the canon storyline or even paved the way for grocery stores ...
The Best JavaScript Framework to Learn
CH
Chris Heilmann
Dev Digest 136 - No JS(on) of mine
News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
Dev Digest 136 - No JS(on) of mine

From learning to earning

Jobs that call for the skills explored in this talk.

Web-Developer (m/w/d)

Web-Developer (m/w/d)

infomax websolutions GmbH
Grassau, Germany

Senior
Vue.js
Angular
JavaScript
TypeScript