What is Svelte?

Svelte is a library for building dynamic user interfaces and web applications using JavaScript. Svelte takes a minimalist approach to JavaScript frameworks and aims to provide the best developer experience.

What does Svelte do?

Svelte tries to take a different approach than other tools like Angular and React. Angular and React applications have to include extra code that translates between your application and users’ web browsers. Svelte produces JavaScript that can run directly in users’ web browsers. Svelte aims to produce minimal JavaScript code that can direclty inside of users’ browsers without any translation. Applications built using Svelte tend to produce smaller amounts of code than other tools. The less code users’ web browsers have to download the faster web applications will load.

Svelte gives developers the ability to write re-usable components that can encapsulate JavaScript code, CSS, and HTML. Svelte uses a simple syntax that adds a small amount of markup to HTML. Svelte also provides simplified seamless state management and updates to the web page in response to user input or events inside of the application.

Svelte relies on web browsers’ built-in functionality

Svelte expects developes to leverage more of the web browser’s built-in functionality instead of bundling that functionality itself. For example, Svelte does not have a built-in router for building single-page applications. There are 3rd-party solutions, but Svelte aims to remove the need for a single-page application architecture by making all pages load extremely quickly.