When you actually read the documentation... | Tried out SolidJS

Following my previous video where I tried out SolidJS for the first time, here are a list of the things that I learned after actually reading the documentation and not just skimming through it.

#solidjs #frontend #frontenddeveloper

Here is my previous video where I tried SolidJS for the first time:

Here is a short timelapse of the the UI development:

Music from #Uppbeat (free for Creators!):
License code: CDXUDIRXK3MYOZPP

[MrFalcone]

Solid does not re-render components, it uses signals to granularly change the state of a particular part of a dom element. The dom takes care of the rendering. The problem with your code was that you were using the same signal to change multiple parts of your component, making that weird behaviour.
Thank you for sharing your experience!

[garthgoldwater]

this is such a good format for a coding video . there’s so little info about the “missing middle” (immediately after you finish a tutorial before you become advanced) for any given framework

[johndoe]

You can still destructure props using reactiveProps from the solid-u package, it just adds an extra line of code

[prexen]

That kind of video helps me "ease into" solid. Appreciate that

[_ghostman]

A couple days ago I was wondering why my components were not being rerendered.
Eventually I realized it was because I was destructuring solid-startjs's useSearchParams instead of using the getter directly.

Great video

[IStMl]

2:20 And thats why theres the ESInt Solid plugin

[oPatrickVico]

Great video! You got a new subscriber. Hope to see more!

[wlockuz]

Not being able to destructure props seems like a huge pitfall because destructuring is not unique to React, its a JS feature.

[ericnail]

lol did I make this video? This was exactly my experience pretty much in this exact order. The props thing with no errors had me thinking I had fallen into a void in space-time 😅

[BboyKeny]

I've been getting into solid coming from react. What I like most about solid is that it's actually reactive.

[linorabolini]

I think I faced all this problems when I tried solid js out. This video should be added to the official documentation hahahahah

[ysink]

Useful to note in regards to baching is that effects automatically batch, so if you set signals in a createEffect you don't need to batch explicitly to get the benefits of it!

[stefan]

Nah you tricked me! Thought this was Fireship with the style of the Thumbnail and title!

[plaidev]

What font are you using for the code snippets?

[vitor.gouveia]

your UI is incredible, can you share the github repo so I can have a closer look?

[marialarissehernandez]

This video gave me more braincells thank u

[davidmora]

React also have portals, is not a unique feature of Solidjs. Nice video!

[tomaszchmielnicki]

Seems like solid gives us superior performance at the expense of developer experience

[_timestamp]

nice video even if I don't use Solid.







I use Vue btw

[Mitsunee_]

if props are a getter can you do something like "const foo = props.foo.bind(props)"? I've never actually tried to destructure a getter