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
20:28 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
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
23:35 MIN
Q&A on compiler adoption and the move to full-stack
To New Frontiers: The Future of Frontend Development
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
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
Snappy UI needs no Single-Page Application
Clemens Helm
To New Frontiers: The Future of Frontend Development
Rainer Hahnekamp
The Lean Web
Chris Ferdinandi
Svelte ♥ TypeScript and so will you
Ivan Hofer
Catching up on the basics you don't really need that much code
Chris Heilmann
What the heck do "declarative" and "reactive" actually mean?
André Kovac
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.



Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Berlin, Germany
API
CSS
GIT
HTML
Scrum
+5

Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Brandenburg an der Havel, Germany
API
CSS
GIT
HTML
Scrum
+5

Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Bremen, Germany
API
CSS
GIT
HTML
Scrum
+5

Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
Illingen, Germany
API
CSS
GIT
HTML
Scrum
+5


