WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE β€’ Mar 25, 2021

Why I Recommend Svelte to Every New Web Developer

Markus Hatvan

Ready to escape boilerplate-heavy web tooling? Discover why Svelte's compiler-first architecture and elimination of the virtual DOM make it the ultimate framework for modern developers.

Pause
Mute Enter Fullscreen
#1 about 3 min

Talk agenda and speaker development experience

An overview of the presentation structure and the presenter's background across various frontend frameworks.

#2 about 5 min

Core concepts and benefits of the Svelte framework

Svelte acts as a compiler to remove virtual DOM overhead and drastically reduce boilerplate code.

#3 about 2 min

History and timeline of Svelte and SvelteKit

The evolution of the framework from data visualizations at the New York Times to the introduction of SvelteKit.

#4 about 3 min

Discovering Svelte through performance metrics and surveys

Performance benchmarks and high developer satisfaction ratings make Svelte an appealing choice for modern projects.

#5 about 1 min

Exploring a basic SvelteKit project structure and scripts

A look at the minimal configuration and essential command scripts required to run a SvelteKit application.

#6 about 3 min

Component styling, accessibility warnings, and unused CSS

The compiler natively handles scoped styles and provides helpful warnings for accessibility issues and dead code.

#7 about 2 min

Using the dollar operator for reactive declarations

Reactive statements automatically update derived variables whenever the underlying state changes.

#8 about 2 min

Passing props and using shorthand component attributes

Shorthand syntax for property binding and classes simplifies component templates by removing repetitive code.

#9 about 2 min

Simplifying global state management with Svelte stores

Developers can manage application state using built-in writable stores and hassle-free auto-subscription syntax.

#10 about 2 min

Handling asynchronous data with declarative await blocks

Built-in template syntax natively manages loading, resolved, and error states for promises.

#11 about 3 min

Creating visual effects with Svelte animations and transitions

Responsive interactions can be easily implemented using robust motion springs and staggering fade transitions.

#12 about 1 min

Analyzing the minimal production bundle size

Reviewing the minimal network footprint highlights how the framework aggressively optimizes compiled application bundles.

#13 about 2 min

Evaluating the disadvantages and developer ecosystem considerations

Developers should account for common ecosystem hurdles like limited enterprise tooling and a smaller job market.

#14 about 1 min

Recommended technology stack for modern Svelte development

Pairing SvelteKit with Tailwind CSS offers rapid styling while efficiently purging unused code from production bundles.

#15 about 4 min

Production adoption, future outlook, and final conclusions

Top companies are adopting the framework to access bleeding-edge features like instant hot module reloading and native ES modules.

Matching moments

43 sec

Reviewing the benefits of building with Svelte conventions

Benjamin Glusa Β· LIVE

2:51 min

Democratizing cross-platform development with alternative JavaScript frameworks

Xuan Huang Xuan Huang Β· WWC 2025

2:28 min

Expected features and performance defaults in modern JavaScript frameworks

Sasha Shynkevich Β· LIVE

3:57 min

The importance of TypeScript in enterprise Svelte projects

Ivan Hofer Β· WWC 2022

3:54 min

Scaffolding a Svelte project for the web application

Benjamin Glusa Β· LIVE

1:27 min

Summary of modern Next.js web development toolchains

Marius Obert Marius Obert Β· WWC 2023

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stoőić

Senior Flutter Developer

Nemanja Stoőić
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg

Related videos

On tour with heroes == Moving from Angular to WebComponents thumbnail
43:08
LIVE β€’ almost 6 years ago

On tour with heroes == Moving from Angular to WebComponents

Benjamin Glusa

The Lean Web thumbnail
46:46
JS Congress β€’ over 4 years ago

The Lean Web

Chris Ferdinandi

To New Frontiers: The Future of Frontend Development thumbnail
26:00
WWC 2022 β€’ about 4 years ago

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

Svelte β™₯ TypeScript and so will you thumbnail
28:20
WWC 2022 β€’ about 4 years ago

Svelte β™₯ TypeScript and so will you

Ivan Hofer

How to Stop Choosing JavaScript Frameworks and Start Living thumbnail
43:57
LIVE β€’ over 5 years ago

How to Stop Choosing JavaScript Frameworks and Start Living

Sasha Shynkevich

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers β€’ over 1 year ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.