SolidScript?! Using Compilation for Syntax

Everyone seems to have their own preferences when it comes to syntax. Some like it explicit. Some implicit. Fortunately, with the right primitives, it is easy to tailor it to what you want. This week we will look at projects that do exactly that and discuss the role of language in JS Framework design.

[0:00] Introduction
[3:23] This Week in JavaScript
[11:18] Thoughts on Ecosystem
[25:37] The Impact of Streaming
[34:07] TTFB Streaming vs SSR
[49:53] JSX
[1:09:44] Syntax & Feelings
[1:18:32] Approaches to Reactive Syntax
[1:32:56] Destructuring Props in Solid!
[1:47:00] Solid Reactivars
[1:56:15] Solid Labels
[2:04:03] Solid Styles
[2:06:25] Solid SFC
[2:29:49] Reference vs Value
[2:34:20] ReactiveScript
[2:45:54] Q & A

*Corrections
[41:55] I point at the wrong thing. Those are service workers and favicons coming in at the end. The Blue line is what you should be noticing and it does include hydration. Hydration does happen faster in the streaming example, but it looks like scripts are taking longer to come in even if requested sooner. Needs more investigation.

[58:15] It is still the first line not sure how I missed it.

[tehalon]

I can barely make it through most 10 minute programming videos but then Ryan uploads another video and I'm glued to the screen for 3 to 4 hours.

[katywings]

A lot of fog in that room! Is that from the water cooled js compilation server farm? 😜

[kiyoshitanaka]

When will your article on the various rendering and hydration methods be published?

[JLarky]

1:40:52 isn't that why we have frameworks? :) To hide some details? :)

[bigmistqke]

I love projects like SFC and Labels. They highlight how flexible solid is, and how cool the community is around solid. I don't know similar examples where they change this drastically the DX w other frameworks (but mb i am also out of the loop w them 🤷‍♂️).

[kiyoshitanaka]

Regarding the Taylor Hunt chart shared at 47:57 where Remix and Marko are compared. Does Marko always stream or only on initial load. I wonder how you get the SPA behavior of nice transitions when you always do streaming?

[asmimo]

I don't know if or how much complicated this is to implement but one part where compilation would benefit DX is allowing multiple JSX parent element.

[orilivni]

The reason for (0, obj.fn)(…), is to make sure some function called not on object, so this is `undefined`. It doesn't important of it's 0 or anything else, because the expression `(…, obj.fn)` is only made so the function detached from the object.
It's like writing it:
var { fn } = obj;
fn(…)