Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes. (Source : site officiel) Svelte.js : introduction au “compilateur en guise de framework” Note : English version here.
Introduction. Welcome to the Frontend Masters Svelte workshop!
This is the companion site to the video course that, if you're one of the select few, you're currently watching LIVE; after the course ends it will live on as a companion resource, full of code samples and links and what-have-you. Issues and pull requests are welcome. Truly reactive programming with Svelte 3.0. That title is a bit dramatic, but then again, so is Svelte and the idea behind it.
If you don’t know what Svelte is yet, then strap in — you’re about to witness a revolution, and it’s going to be a ride (no pressure on the Svelte team 😅). Note that this is not a tutorial on how to get started with Svelte. There is already a great step-by-step interactive tutorial by the Svelte team that eases you into the world of reactive programming. Disclaimers are in order: I’m not a programming rockstar, and I don’t know everything. I’m just very enthusiastic about the innovations being made every day, and I like to talk about them when I can — hence, this article. Alright, let’s get into it!
It works a bit differently than some of the other frameworks that you may be familiar with. Instead of shipping a large runtime, Svelte is compiled. This means the code you end up with is optimized and dramatically reduced in size. Before we look at the code, I’ll mention that I'm not a Svelte expert. I've been reading and writing about it quite a bit, and I decided it was high time to build something. The bulk of what follows is a walkthrough of the code in this GitHub repository that I made to accompany the article. The app displays quotes from the Quotes by Design public API, and is built using four tools — Svelte, Express, webpack and Babel.
" What we need, then, is a middle ground. Enter: Svelte SvelteJS is a pretty new kid on the block just starting to get some attention. These are pretty big selling points for more experienced developers, but most beginners probably couldn't read that last paragraph without their head exploding. Sveltejs/svelte: Cybernetically enhanced web apps. Cybernetically enhanced web apps.