Svelte files look like HTML+TS files. You aren’t learning some abstraction to HTML, you are just using HTML. But it adds the modern bits you need: reactivity, loops, components, routing, etc. Nothing react doesn’t have, but the devex is great.
Other benefits:
- your app is compiled. You don’t ship the framework to clients, they just get a minimal compiled app.
- The rendering modes are pretty great. Any page can be server side rendered, or client side, with per page flags. You also can easily setup SSR for the first page, and CSR for later pages - both the fastest option. It will even pre-fetch the next page when you hover a link, making most nav instant.
(Not a user, just evaluated it previously. Please correct what I got wrong.) They compile the reactivity statically, so instead of tracking effects at runtime, they generate code for it. I'd guess it means slightly more JS to download, but less initialization in runtime.
However, they recently added runtime reactivity to be more flexible, so it seems to me they are becoming VueJS.
It's written in Svelte, which personally I'm excited about just because it means that a pretty big tech company is using it :)
And the "leak" is fun for me because you can see how they write their components haha
Apple Music web is written in Svelte as well. At least last time I checked.
Last I checked it was Ember. That was several years ago though.
1 reply →
Can you tell me what is the number 1 feature that Svelte has over the incumbents like React?
Not so much features as design.
Svelte files look like HTML+TS files. You aren’t learning some abstraction to HTML, you are just using HTML. But it adds the modern bits you need: reactivity, loops, components, routing, etc. Nothing react doesn’t have, but the devex is great.
Other benefits:
- your app is compiled. You don’t ship the framework to clients, they just get a minimal compiled app.
- The rendering modes are pretty great. Any page can be server side rendered, or client side, with per page flags. You also can easily setup SSR for the first page, and CSR for later pages - both the fastest option. It will even pre-fetch the next page when you hover a link, making most nav instant.
(Not a user, just evaluated it previously. Please correct what I got wrong.) They compile the reactivity statically, so instead of tracking effects at runtime, they generate code for it. I'd guess it means slightly more JS to download, but less initialization in runtime.
However, they recently added runtime reactivity to be more flexible, so it seems to me they are becoming VueJS.
Radically simpler reactivity that doesn't require 20 different hooks to do the same thing.
Same goes for most modern frameworks (Solid, Vue, Preact) and even old ones experiencing a renaissance like Angular.
I wonder what the heck @jet is. Never heard of that before. Must be an internal lib?