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
42:09 MIN
Final thoughts and review of developing with Svelte
On tour with heroes == Moving from Angular to WebComponents
04:03 MIN
Using Web Components and Svelte as an alternative
On tour with heroes == Moving from Angular to WebComponents
27:03 MIN
A detailed breakdown of modern web frameworks
Web development best practices in 2021
00:41 MIN
The benefits of using TypeScript with Svelte
Svelte ♥ TypeScript and so will you
00:26 MIN
Why in-depth React knowledge may not be a good investment
Keith Cirkle of GitHub on React Fatigue
08:01 MIN
Why developers and businesses choose to use React
React and the power of visualisation
00:10 MIN
The case for framework-free web development
The Naked Web Developer: Your Browser Is Your Framework
32:03 MIN
Using web components in Angular, Vue, and React
Extending HTML with Web Components
Featured Partners
Related Videos
43:08On tour with heroes == Moving from Angular to WebComponents
Benjamin Glusa
43:57How to Stop Choosing JavaScript Frameworks and Start Living
Sasha Shynkevich
40:24Snappy UI needs no Single-Page Application
Clemens Helm
26:00To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
46:46The Lean Web
Chris Ferdinandi
28:20Svelte ♥ TypeScript and so will you
Ivan Hofer
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
30:40What the heck do "declarative" and "reactive" actually mean?
André Kovac
From learning to earning
Jobs that call for the skills explored in this talk.
Angular Developer
Picnic Technologies B.V.
Amsterdam, Netherlands
Intermediate
Senior
RxJS
Angular
TypeScript
Software Engineer
tree-IT GmbH
Bad Neustadt an der Saale, Germany
Remote
€54-80K
Intermediate
Senior
Java
TypeScript
Spring Boot
Frontend Entwickler - VueJS / JavaScript / SCSS
Neuffer Fenster + Türen GmbH
Remote
CSS
HTML
React
jQuery
+3