Why Svelte Should Be Your First Web Framework
The reasons that you should use Svelte to implement your first Web App.
Getting into web development is a hard thing. After understanding the basic components (HTML, CSS, and Javascript) you have to get into the framework territory which for a newbie like me was and is still a mess.
Web frameworks frame the building process of a web application in a somewhat opinionated way and present their way of doing things. There are a handful of excellent frameworks with different “opinions” of how things should get done. Some of the most popular ones are Angular, React, and Vue.
We are here to talk about a less common one, Svelte.js, but first a web framework 101:
Frameworks present a project structure, in which the project is deconstructed into smaller components. This allows your application to scale, without having to deal with large and complicated files. Also, frameworks help developers to manage the state of their application. To understand this imagine that you have a different UI element (i.e. top bar) when a user is logged in and another when is not. Without a framework, you have to directly manipulate the div and spam tags of the HTML directly while without, changing the state of the application may be a simple assignment.
What about Svelte?
Svelte is a compiler-based framework. This means that, instead of doing fancy stuff on runtime while someone visits your site, it compiles the site into plain HTML, CSS, and Javascript. Here is why you should get into Svelte if you are new to Web Development:
Back to basics
Svelte lets you build on plain HTML, CSS, and Javascript. There is no learning overhead language-wise. This is especially important for beginners where we have to strengthen those skills in order to build our understanding into more advanced topics.
Simple and Powerful Reactivity
Svelte’s reactivity (to the best of my knowledge) is one of the best out there. Simple but yet powerful. Just checked it out here.
SSE out of the Box
Svelte emphasizes the developer experience. That is why is so much fun building applications with it. It provides pre-configured templates that come with a handful of features. SSE is kind of the most important as it improves performance but most importantly SEO.
Best tutorial out there
Svelte has been built to its core to be beginner-friendly. However, it doesn’t contemplate with a poor tutorial. On the contrary, the learning experience is one of the best. Don’t take word for it, check it out.
As you have understood until now I am a fan. But I am also fairly new to the web development space. For any, ambiguity or errors please let me know in the comments. In case you are want to dive into Svelte, here are all the necessary resources to start asap.
Thank you for reading 😊
