Svelte is another JavaScript framework used to create graphical interfaces for web applications. In this article, I will briefly discuss how Svelte differs from such libraries or frameworks as React, Vue, or Angular.


What is Svelte?

Svelte is a free, open source front-end compiler, that is used to build graphical interfaces for web applications. It was created in November 2016 by Rich Harris. Svelte's predecessor is a project called Ractive.js. Currently, Svelte is being rewritten to TypeScript.


The difference between Svelte and React

Svelte has a completely different approach to web application development than some other frameworks, including React. While frameworks such as React, Vue, and Angular do most of their work in the user's browser, Svelte moves this work to the compilation stage, which takes place only during application development. The result of this is that the app is more efficient. Svelte sticks to the classic web development model approach, it uses HTML, CSS and Javascript, adding only a few extensions to HTML and Javascript. Compared to React, Svelte is easier to understand and get started with, as the main part of Svelte is simple Javascript, HTML and CSS. Another big difference between Svelte and React is that Svelte has moved away from the concept of a virtual DOM and uses so-called Diffing.


Svelte state management

Svelte has several ways of dealing with state management. We can use the Context API or we can use Svelte stores. Svelte has two types of stores for managing state: writable and readable. Writable Stores are objects that store values or attributes that can be accessed by different components. We use Writable Stores when we want to store values with the possibility of changing them later. Readable stores, on the other hand, are also used to store different values, but they cannot be updated.

Related articles

Show all articles