Introduction to Svelte.js 3
In this introductory lesson we learn what Svelte is, the benefits of using Svelte and the prerequisites for this course.
Lessons in this course
If you prefer to learn visually, you can watch this lesson in video format.
What is Svelte?
Svelte is a versatile front end component framework for building high performance user interfaces (UIs) and web applications.
Component frameworks help us write applications by using the declarative programming model.
With the declarative model, we describe the desired outcome. We just have to tell Svelte what we want the UI to look like and it will take care of the rest for us.
A short history of Svelte
Version 3 is written in TypeScript and was released in April 2019. It’s maintained by Rich Harris and the Svelte core team members.
The accompanying SvelteKit web framework was announed in October 2020 and entered a beta state in March 2021.
This course covers the latest major version, Svelte 3.
There’s no need to bundle the framework code with your application, so the bundle size is smaller, making the application load faster.
The initial state is in the markup instead of DOM objects, so it’s cheaper and loads faster. It then tracks changes to top-level component variables and updates only the affected parts of the DOM, rather than re-rendering an entire component.
Is Svelte hard to learn?
Svelte is the easiest of all the major frameworks to learn. However, it really depends on what you already know.
Prerequisites for this course
Before we proceed, please note that we make the following assumptions:
- You know how to install software on whichever operating system you use.
- You can create and navigate directories and files on your computer.
- We cover the command line where needed in this course, but it’s helpful to know the basics of it as well.