Intro to SolidJS reactivity (in 5 minutes)

An introduction video that walks you through Solid's reactivity in under 5 minutes.

[zombiefacesupreme]

Now, that's a solid introduction. Well done, Atila!

[kafelinux]

SolidJS best of the best reactive framework, simple to use, unmatch Performance, easy integrated with anothe web component like smarthtmlelement, ❤❤❤

[vicca]

Great intro to SolidJS. I'll try it for some personal projects and it seems good to push for it's usage at where I work as well.

[jou.coding]

Thinking out loud: I like that there is a "marker" to indicate when a variable points to a signal, which wraps a reactive value, in contrast with a plain js value. However, as a newcomer I don't particularly enjoy that this marker is a function call. I think I'll write a babel or plaintext parser to change this reactive-signal--parser ala clojure atoms, where unwrapping the signal value is done with @ instead. Then, I can count on count() being a proper function call (on another context; pun intended) and on @count in this context to mean the retrieval of the signal value. I can easily see when a signal in used upon glancing code, and what is meant to be a js function call.

[vjzb]

I'm confused by the example at 1:35. The count should be incrementing by one every 2 seconds, while the multiplier should be incrementing by one every 3 seconds. Yet the logs that are being printed show seemingly random values for count and multiplier that do not abide by that logic.

To focus on a specific example: The first two log outputs show "2 x 2 = 4" immediately followed by "8 x 2 = 16". So how and why is the value for count going from 2 to 8?

[nameless-zr]

While I have nothing against Svelte, I always felt that I had too much free reign. On a larger scale, the solutions I created with the freedom created sub-optimal solutions, which had to be refactored later. Solid, in this sense, feels a lot more ergonomic. The declarative path that Solid has taken has not limited me from progress while also providing my projects with a lot more stability, less weird-looking code, and (of course) performance.

[meka]

SolidJs has the best reactivity(while Svelte is catching up), and is very similar to React(easy to port React into SolidJs). Very easy to work with. I AM SOLD!

[dangtu-work]

I would like to have more tutorial like this. Especially if it can go deep into explanation of the inside of each solidjs functions. Also, can the next, if possible, tutorial is about how to change a whole html component (add new, remove old, or replacing)?

[Антон-блу]

3:53 When you transform lines 7, 8 into 14 ("createElement, innerText" into "<h1></h1>") how does it know to update only innerText later on? Or is it creating element every time when signal changes?

[vasfvitor]

haha while this video was being release I was literally watching the old video and now I reloaded the tab and it's unlisted

[yapayzeka]

this like svelte and react's child but only got the best genes from them. long live the new king.

[xishang]

There is no mature UI component library yet, if there is one, it will be more popular.

[asadhshujau]

what's the font used in HOW IT WORKS part

[dalu_]

can you render to individual custom elements?

[planesrift]

Looks like react without the nasty part.

[dennisweiershauser]

Hey mate, the code indention in the `createSignal` example is not proper.

[markokraljevic]

fix indentation in your code examples for readability

[vjzb]

There is also a clicking in the audio that happens roughly every second from 2:15 - 3:58 and it makes it difficult to watch the content

[jonathanchang]

In that 5 minutes, it didn't spend a single second differentiating itself from react. Is this an intro video for people who don't know about SolidJS, or a video for people who already know about it, but need a refresher on useState?

[AlamKhan-ytwd]

But why jsx 😢😢
Please allow native html