Svelte tutorial

Svelte is an open-source javascript compiler that results in high performance and reduced javascript code/.

Svelte compiler converts code into pure javascript during the build and It is different compared with React and Vue.

It is Less bundle in size compared with other frameworks such as React, VueJS, and Angular.

Popular frameworks such as React and others run the components as

Request send from a client -> Javascript wait until DOM is loaded ->Serve the response.

In the case of the Svelte framework

The second step above is moved to build time during compilation.

Request send from a client -> serve the response using javascript.

What is Svelte JS used for?


  • Reactive Component
  • Open-source
  • Reusable component approach
  • Strong community and updates every year
  • Suitable for all devices
  • All browsers support
  • Fewer bundle sizes


To learn Svelte, one must have basic knowledge of web technologies

  • Basic JavaScript programming
  • Typescript
  • Visual Studio Code
  • Npm and NodeJS server side

Target Audience

This course is targeted at students and professionals.