So what is Svelte and what makes it different from other frameworks?
So you're a developer and you need to create a complex user interface. Like, say, a game of Snake.
One of the nicest things about React or Vue is how simply your web page reacts to changes. Changes in lists, or any other variables get picked up and shown on your page.
However, there's a drawback to this. This mechanism (called the "Virtual DOM") that helps adapt to change, gets included in your bundled app. This means that it gets loaded whenever your user opens your app.
This can make your app super slow.
What if there was a better way? Something that more or less works like React or Vue but when the final product gets built, it gets rid of all the unnecessary stuff so that my app is faster for my users?
Your user can therefore have a more pleasant experience!
In most other ways apart from speed, Svelte works exactly the same way as React or Vue, so if you're familiar with those frameworks you'll feel right at home.
- If helps you separate your UI into components
- It works with Node and npm
To get started with Svelte, their website has a straightforward easy to follow tutorial:
Now let's go ahead and give our users a better experience by building faster web applications with Svelte!
Explained (28 part series)
- Accessibility, explained.
- React, explained
- Should I use forEach() or map()?
- Should I use Flexbox or CSS Grid?
- Docker, explained.
- Unit testing, explained
- Git, explained.
- Typescript, explained.
- async/await, explained.
- The DOM, explained.
- Regular expressions, explained
- GraphQL, explained.
- Vue, explained.
- Svelte, explained.
- API, explained.
- Immediately Invoked Function Expressions (IIFE), explained.
- ARIA roles, explained.
- Test-driven Development, explained.
- ARIA live regions, explained.
- aria-label in accessibility, explained.
- Variables, explained.
- if statements, explained.
- Arrays, explained.