Not a write-up, and I'm sure you watched it already, but just in case: Nick Shrock's talk about code design www.infoq.com/presentation.... it's a bit old though, things evolved i'm sure, but seems the concepts are still there.

Ah that idea of prewarming independent JSX elements could be an interesting way of approaching this. 🤔 Maybe the react compiler can do this hoisting in the future.

I wonder if there could be a pattern or component structure to help with this in RSC

I think with a declarative approach for data like Relay, this would work out of the box.

I know this is a minor improvement in this example but it could add up in a real scenario if not taken care of.

Curious if I'm missing something in my assessment of RSC for this example!

In the final version, the example fetches the likes inside the PostLikeButton, but before this was fetched in parallel with the post at the top level. In order to do this with RSC, the parent component would need to know not to eagerly load the post, or have some other way to preload the likes.

Nice writeup! I found this very insightful and as always I enjoy your writing style!

I wanted to mention/discuss a seemingly minor difference but I think this is where the Relay/GraphQL approach kind of avoids performance pitfalls without extra effort:

Hey!!!! 🤗

Life is life, la la la la laaa

Hello Jon! Nice to see you here!