I’m using Vue for more than 2 years and a half, Vue is a great framework, but the world change and Svelte rise as a good contender to in the Javascript world.

My friend @pchiwan did a small game with Sveltejs, I read his code and feel curiosity and a bit of motivation to start to play with it, but some questions come to my head. Why do I want to spend my time learning Svelte?

The state of Svelte?

My first action was small research about Sveltejs, Svelte was the number 8 in the  State of Javascript 2018 ​ pool, but in 2019, his situation changed a lot.

  • 88% Satisfaction after using it, #2 winning over Vue.
  • 67% Interest for developers, #1 over React, Vue, Angular, and Preact.
  • Just 10% of awareness.


These numbers can be read as wherever you want, I know Svelte is a bit new if you want to read the full details you can see more than 45% of developers are not playing with Svelte. - 24.7% never hear about it = not feedback - 22.6% Hear but not interest = not feedback - 44% would like to learn. = people like me 🙂 

46% of developers in the state of javascript didn’t know and touched svelte and 44% want to learn so a big percentage of interest means the Svelte future is good!

What is Svelte?

In his official website defines Svelte as a tool to build fast web apps,  I can say his focus is building high-performance web apps with his syntax and using ES6.

So if Svelte is a compiler, the process is converted the svelte code into native javascript code with performance and doesn’t add extra framework code, which means our app will not have the framework abstraction performance cost.

Why should I need to play or learn Svelte?

I love to have options, every framework solves the problems with a different or similar approach, we have components, routing or state solutions in Angular, Vue, React and now in Svelte.

But Svelte has a focus on performance, today some developers only focus on an easy way to build his apps our create component without care performance cost.

How am I starting with Svelte?

I was reading the official documentation is clear and easy to follow, you can spend maybe 1 hour or 2  in the tutorial to have a full picture of Svelte. https://svelte.dev/tutorial/basics

Read is overrated I’m a video guy?

The official documentation is not complex but if you don’t want to read, I recommend taking these free courses on youtube.

1- Freecodecamp has  good svelte tutorial https://www.youtube.com/watch?v=vhGiGqZ78Rs

2- Traversery https://www.youtube.com/watch?v=uK2RnIzrQ0M&t=2s

I want more than a simple todo or hello world.

Svelte has a real-world app with routing, state, authentication, patterns, crud can be used as a guide to building big apps.


Before to start coding

I have a few things to know before start coding with Svelte.

  • Use the Svelte Chrome extension. for debug your apps. 

  • Use an editor Syntax highlight

  • The Routing is not part of Svelte, “Yet” (29 December 2019)” but here you have few options :
  • The CLI , Svelte uses degit to manage the svelte default template.
    • npx degit sveltejs/template my-2020-app
  • Svelte doesn’t have “yet” typescript support.
    • https://github.com/sveltejs/svelte/issues/1639
  • Sapper is a next-js, nuxtjs or gatsby alternative.


I spend 40 minutes reading the documentation, I didn’t finish yet but I build a small app just to learn syntax, create components, use nested components and send data between them and was easy and fun, I hope to explain the code in a future post about syntax and how to create components.

Hopefully, that will give you a bit of a head-start with Svelte, and help you,  if you enjoyed this post, share it.

Thanks for reading!