Svelte, Solid or Qwik? Who Won?

A comparison of Svelte, Solid and Qwik.

💬 Topics:
- Svelte vs Solid vs Qwik;
- The best frontend framework;
- Svelte Kit, Solid Start, Qwik City;
- Alternatives to React and Angular;
- Islands Architecture, Hydration, Resumability;
- Building components;
- Reactivity;
- DOM Updates;
- Fastest frontend framework;
- Best dev experience;
- Job security.

[soundrightmusic]

Qwik doesn't use VDOM.
I haven't used Solid but I really enjoy Qwik and Svellte. Qwik has really good DX and this is from a guy who doesn't like JSX.

[gamingwolf]

Don't be a frameworker, don't learn frameworks, learn concepts behind those frameworks

[romansimik]

In relative comparison I would put QWIK atleast one point ahead in the performance tab (due to the basically unmatched approach to the downloading/executing JS in terms of CWV)

[HVossi]

I am just in the process of learning Sveltekit and deciding whether to use it or Solid or Qwik for version 2 of our company's product. This is so 100% spot on the video I've been looking for in the past week. Great job :)!

[lThePotatoCrew]

I am absolutely in love with Solidjs, it just makes sooo much sense, in terms of it's reactivity. I love that I can easily use it outside of jsx, because it's primitives are sooo powerful.

Although I love the dsx of svelte! So simple!

[ryo_]

Awesome…I'm always amazed at how frequently you've been updating your videos lately.

[nightshade]

or use vue, which is very similar to svelte code wise (when using sfc composable api), has good reactivity (is also about to have vapor mode without vdom), has great dev tooling, and is one of the largest js frameworks, so isn't hard to bet on in long term production projects

I don't think vue gets enough love from js community considering how it combines all the things js devs love about svelte, solidjs, and react

[johnforeverrules]

thanks @awesome for another awesome video. i am sure that these types of videos will help a wide range of developers

[alexlohr]

Not all frameworks are similarly reactive. React (and to a point, preact) is an outlier, which instead of relying on the tried and tested observer pattern uses immutable reconciliation for both its state to virtual DOM and virtual DOM to actual DOM reactivity.

Also, I would argue that the implicit reactivity of Svelte, while being very powerful, is not better than the explicit reactivity of Solid or Qwik. In fact, the latter is more obvious and has less hidden pitfalls.

[ayoubkrt]

i feel like qwik's instant reactivity was not given enough praise for what it can do, the ability to make the builkiest of them all web app but then have the user load it as soon as they type the url is something else, im sure svelte and solid both are very fast frameworks, but when push comes to shove hydration will impact them and the performance the users would get, meanwhile with qwik u could ship 100gb of javascript in an app and have instant loading if you respect the lazy loading and don't overuse useVisible task and force hydration ur self which imo is huge, i think orgs like amazon could benefit a lot from something like qwik since they opted to not use frameworks due to performance, google already has something like that internally.
but again, Resumability needs more points here, i would still give svelte and solid a 2 but as a special case qwik should get a 3 since performance should theoretically always be perfect no matter how big the app is

[laughingvampire]

I liked the very first Angular.js I like the idea of extending HTML and you as the user having the control over that. And this is also why I like HTMX, is simpler than angular1.

[erics]

This comparison is three of the four frameworks I'm most interested in learning at the moment, so good information.

[jonathangamble]

In terms of maturity, SvelteKit wins hands down. They have all sorts of packages and 1.0. Qwik (qwikcity) is 1.0 and pretty behind, and SolidStart is still in beta and not even on the map. There is no comparison in reality.

[BrUSomania]

I still consider myself very new to web development and so far Svelte feels like a blessing to me, especially when compared to React (which I just struggled with for a couple of hours).

[vladlazar]

How is Svelte’s reactivity model better than Solid’s signals? Can you go into more detail?

Also, since 3.0 Svelte uses signals for reactivity as well.

[lazyhrse]

I hear a lot of people say svelte is too magical, I have used react extensively, and I don't care how magical x or y. React FORCES you to stick to react's way of solving problems, you can't use vanilla js. If you tell me this is still not magical I don't know what to tell you. However, I still love it, but since using svelte, I will never go back to react. Svelte ACTUALLY respects vanilla js, you are free to use vanilla js or svelte's way of solving the same problem. It just make common problems easier. I have yet to find any flaw in svelte.

As for solid, I have only used it for about a week or so, and I just couldn't make a simple theme switch work as in react. For some reason the reactivity of solid is just a tad different from react, if you make a signal that reacts when another signal change it won't fire. Which made things harder, not simpler. To add fuel to the fire, the community is much much smaller than svelte. And the scope of problems you will have to solve from solid are a lot more than react and svelte. Since it's minimal, unlike svelte. It gives you many things out of the box.

[markky]

Like always great video! But IMHO you missed one very important category witch is "lighthouse score". There is very good reason why qwik exist. I'm working on a project that Core Web Vitals really matters and with nextjs a struggle a lot! We are shipping js where we don't need it at all only because of this how old js libraries works..😢

[Antebios]

I'm really liking Solid a lot!! But it is lacking in Solid Start and more examples.

[bernardogalvao]

Im a non-web-dev, so I just like the promise of Svelte without knowing what I'm getting into. I am probably fine with what it delivers atm, as I am aiming at internal tooling.

[JuicyBenji]

Love your vids, just wanted to point out a slight correction, Qwik does not use a virtual dom. While I'm not an expert I'll just post a quote here from Qwik themselves "Qwik does not have a virtual DOM (VDOM) like React. Qwik uses a different approach to achieve instant interactivity and server-side rendering. Instead of diffing and updating a virtual DOM, Qwik focuses on incremental rendering and reactivity using signals and components."