What is SolidJS (vs React and Svelte) ?

What is Solid JS, the relative newcomer to the JavaScript frameworks scene, and what is it worth versus React or Svelte ? In a sense, Solid JS is inspired by both. It draws on React JS's familiar syntax, without using a Virtual DOM, and on Svelte for it's reactivity, without overloading the assignment operator. In that sense, Solid JS is way more than just the sum of its parts. #SolidJS #JavaScript #reactjs

-------

[MajorBreakfast]

Let me defend Svelte a bit: I claim that its "magic" isn't a bad thing at all. In my experience, not understanding what's happening under the hood isn't a problem if the abstraction is reliable and doesn't introduce unexpected/buggy behavior. A good example is that few web developers know how a CSS layout engine works internally, but this doesn't stop anyone from using CSS. Svelte's approach lets me write less glue code making the code of a Svelte component typically 30-40% shorter compared to React. Introducing a bug when writing React hooks (or Solid signals) is more likely than finding an edge case in which the Svelte compiler messed up (which I've not encountered yet). Looking at it from that side, one could say that Svelte components are actually less magical. Their business logic code isn't cluttered up with glue code and therefore more obvious. As you say, in the end it is "a matter of taste" :)

[jhonyortiz]

This is one of the few or only contexts where "magic" is entirely a problem.
And if trusting compilers is a problem, I guess we are going back to writing assembly.
Mainly I just want a real world example of how one framework is better and or worse in specific situations. Saying you have a problem with magic doesn't really tell me what if any real problems exist. If the compiler works as expected, as intended, what is the problem?
EDIT: I really do want to know about the benefits of solid, real benefits and real svelte drawbacks as a developer.

[videosmydad]

"Svelte seems magic" is hardly a reason to dislike it. Since when is "it works like magic" a bad thing !? If Svelte is hiding complexity - well, why should I care about knowing about the complexity? When I fly a plane, i dont care how it works - just that it works.

[HeyDan]

Thank you for the good explanation. But I dont know why everyone talks about svelte "magic" I mean its a compiler, thats the idea of it, taking a higher code level that human can easly understand and leave the hard work to the machine. Its my opinion but I still think that svelte sintax is more natural, I mean what more natural than writing code almost like vanilla js, css and html

[zygote]

I am an entirely self-taught web developer and so I spend way too much time watching youtube videos around web frameworks (many hours a day for many years).
I can honestly say that you are the best technological communicator I have encountered when it comes to web development, I'm not sure how exactly you pull it off but you have a real sense of Humble Authority; you speak in an opinionated way without any arrogance, which makes your opinion trustworthy.

Hopefully the youtube algorithms pick you up soon and you obtain the success you deserve.

[mendodev]

This was an amazing video! Thanks so much for sharing this
Although I still prefer svelte. I just love the DX and how it feels really fast and light to work with, and some stuff just make more sense to me than react.

[DaveDaveAlanAlan]

New to JS SPA's, but why is solid/react so much more confusing than svelte? The whole createSignal(0) thing- why? UseState, why? Why doesn't it just work.

[jakewilson]

Svelte's syntax is infinitely more clear and easier to work with.

[CodingPhase]

lol I love the "I'll sprinkle a lil bit of solid js" lol
co worker showing up to an old component thinking everything is in react just to realized someone sprinkled some solid into the page lol hahhahaahhahaa
great video bro

[SuperQuwertz]

Man I love the way you talk. Its dynamic
Svelte is awesome though

[altairbueno]

“Compilers do strange stuff to my code that i don’t understand”. Yea, thats what compilers are. What did you expect?

[gogdarag]

Very good introduction to solid. I am using solid in my personal projects & I should say it is fast & It is also makes so much sense compared to react in regard to developer experience or resource usage. I am using react by the way.

[ddck]

What's the point of being a developer if you don't trust compilers?

[athu]

Your narration is top class!
I have been thinking of building a data science driven dashboard. Which framework do you think is good for dynamic websites? Vue? Svelte? Solid?
I searched on the internet and it said that Svelte is good for static websites.

[netssrmrz]

Good video. This really made SolidJS easy to understand. It's just a framework aimed at people who like working with React's non-standard architecture. Not sure why they would switch though.

[hsider]

It's React without the vdom, it's truly reactive so no strange State and useEffect behavior, React is not intuitive at all, you have to understand how it updates the Dom to be able to use State and hooks and even after that it's still confusing, useCallback inside useEffect inside wtf 😆

[DummyFace]

All frameworks are essentially compilers they make model-dom-binders aka web conponents for every component.
And it honestly wouldn’t even be too hard to figure out which component needs to be rerendered if the component itself is coded to notify the framework that it observed a change.
It’s all about how the framework essentially handles the dom binding of the component.
Angularjs long ago had the dreaded loop, but vanilla web-components (you know that ancient technology that nobody uses?) they render themselves. If your vanilla web-component is coded to receive observable, they just update themselves, and there’s no reason they could also be coded to notify a framework that they observed a change.
Top down, vs boots on the ground. Not magic

[MaitreJedi]

At the end of the day, everything ends up being 1s and 0s. So everything we write is magic. Every layer of abstraction allows more people to do web development. But it also means more people that does not understand what they are actually building :) which can be scary... Where is the right spot? Hard to say. But lack of manpower and companies' "growth at all cost" philosophy will surely continue to put pressure on even more abstraction.

[meka]

React now is trying to compile code, and Svelte now is trying to use Signals. But SolidJS have done that way ahead of them already.

[vitormelo]

Excellent video, it's the first one I've watched and I loved the narrative mode. I looked a little at both frameworks and I confess that I'm more inclined to Svelte, in the end they are frameworks, what SolidJS gives me in the end is also magic, because I don't know its internal code, and I probably won't know how to solve it if I have any bugs .