Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

Most popular online courses

Learn from the best instructors

Svelte.js - The Complete Guide (incl. Sapper.js)
Svelte.js - The Complete Guide (incl. Sapper.js)
  • Maximilian Schwarzmüller
  • 4.65
  • 12.5 hrs
  • 196 lectures

Build high-performance web applications with SvelteJS - a lightweight JavaScript compiler Learn more »

Svelte Tutorial and Projects Course
Svelte Tutorial and Projects Course
  • John Smilga
  • 4.63
  • 15.5 hrs
  • 151 lectures

Learn Svelte.js by Building Interesting Projects Learn more »

Svelte.js 3 and Sapper Projects
Svelte.js 3 and Sapper Projects
  • Packt Publishing
  • 4.2
  • 5.5 hrs
  • 33 lectures

Build powerful, reactive, great-looking UI web experiences with this front-end compiler and its framework. Learn more »

Most popular books

Learn Svelte from books

Svelte and Sapper in Action

by Mark Volkmann4

Svelte and Sapper in Action teaches you to design and build fast, elegant web applications. You'll start immediately by creating an engaging Travel Packing app as you learn to create Svelte components and develop great UX.

Svelte 3: Up and Running

by Alessandro Segala

The book starts with an introduction to Svelte 3, before showing you how to set up your first complete application with the framework. Filled with code samples, each chapter will show you how to write components using the Svelte template syntax and the application programming interfaces (APIs) of the Svelte framework.

Free video tutorials

Learn Svelte onYouTube

Svelte 3 Reaction & QuickStart Tutorial

Fireship

First, we learn some basic concepts in Svelte 3 and how to build reactive UI components with JavaScript. Then we build a fullstack realtime todo list with RxFire and Svelte. https://fireship.io/lesson ...

Svelte Crash Course

Traversy Media

In this video we will scratch the surface with the Svelte and look at how to set it up and create a simple user interface Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Code: https://github.com ...

Learn the Svelte JavaScript Framework - Full Course

freeCodeCamp.org

Full Course on the Svelte JavaScript Framework. ⭐️ Code / Projects ⭐️ Handwashing App 🔗 https://phptuts.github.io/fcc-handwashing/ 🔗 https://github.com/phptuts/fcc-handwashing COVID-19 US Track ...

Svelte 3 Crash Course for TOTAL Beginners

DesignCourse

https://promo.linode.com/designcourse/ - Use code 'DESIGNC19' to get $20 credit on your new Linode account! https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon) -- To ...

Svelte Tutorial for Beginners #1 - Introduction

The Net Ninja

Hey gang, in this Svelte tutorial for beginners I'll explain what Svelte is, what we'll be making & what you'll already need to know before starting. 🐱‍👤🐱‍👤 JOIN THE GANG - https://www.youtube.c ...