Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim
2K posts

Juraj Kirchheim
@back2dos
The code is the design.
Leipzig, Germany انضم Kasım 2011
116 يتبع363 المتابعون
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده

@theo So just to clarify: RSCs (and by extension Next.js) should only be used by expert developers and "mere mortals" should stick to SPAs?
English

This is what happens when your page loads are blocked by server.
For the last decade, SPAs have made it hard for devs to block navigation on bad decisions. Before Angular and React, most websites felt like this, because every click requested a new HTML page and the server took time to generate it.
SPAs (and more importantly - mobile apps) have conditioned us to see *something* as soon as we click. This is good! It is Objectively Better User Experience to react to interactions fast!
This came with trade offs though: all data had to be fetched on client. Instead of the server generating a whole new HTML page, the client requests the data it needs and generates the html by itself. Most popular sites nowadays have to do dozens of requests before you see the content. And that’s not that bad! People worry about the cost of transforming json to html, but it’s really not bad. The expensive part is the giant pile of similar-but-not-same requests you have to make before the UI is rendered.
In the era before SPAs, most pages made *one* request per navigation. SPAs resulted in hundreds of requests per navigation. You could fix this with a lot of careful design, batching, data loading patterns, Relay, whatever else. But all of those solutions were really hard and scaled poorly (except relay)
RSCs are magical because they bridge the gap. You can get instant (contentless) navigation, plus the “rest of the data” streamed in.
There’s one catch though - you have to decide what/when stream in.
A lot of bad devs use React and Next. This is the cost of being the default option. Previously, those bad devs would have to use an API from (likely better) backend devs. Now they can just call db from their components.
Now these terrible frontend devs can block navigation again.
This isn’t a flaw of RSCs. The fast navigations we are used to are arguably a FLAW of SPAs - the lack of data loaders meant that it was hard to block navigation. But it resulted in bloated JS payloads, loading spinner hell, and absolute chaos as your apps scale.
It also made architecting your backend way harder. If one navigation needs to hit 10 APIs, you now need to auth the user 10 times. You need to handle 10 loading states. You need to allocate for 10x the “traffic” you’d otherwise need.
These problems aren’t new realizations. They’ve been apparent for awhile. That’s why @htmx_org exists. Sadly, none of these solutions bridged the gap to client well enough to move the industry away from SPAs.
RSCs have the potential to fix everything I’ve just discussed. Even if some shitty devs forget a tag or two.
dax@thdxr
it's getting to the point where i can just feel that an app is using RSCs when i use it - nearly 1s page navigations i'm sure it can be improved but yet to come across an RSC app in the wild that feels good about to say v0 but just checked idk if they're using them anymore
English
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده

#Haxe Roundup 712 haxe.io/roundups/712/ is out! 🔥
The HaxeJam Summer Jam results are in! 🎮
The latest articles, announcements, trailers and more! 📰
And lots more from the community over the last two weeks!

English

@PeterAchberger @cokeandcode The easy to use tools are general purpose host languages that lend themselves to embedding DSLs, which typically solves a lot of the problems you mentioned. See wiki.c2.com/?EmbeddedDomai…
English

@cokeandcode I wish there were some easy to use tools to produce simple DSL, with smart error checking, syntax highlight, and completion.
Parsing stuff is just the first step of a quite long journey, if it's meant to be useful tool. :(
English

@blackmag_c Hmm. IMO the Jedi were shown in a much more questionable light in Ep. I, II and III for example. Their biggest overreach in the Acolyte is to insist that only they should train children. The child who objects does incinerate her own family. Seems like an "I told you so" moment🤷
English
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده

Time for a new mind-bending project!
#QLOCK — A JavaScript Quine Clock
aem1k.com/qlock
It displays the current time in a seven-segment style, embedded within its own JavaScript source code.
🕔 🕝 🕢 🕤 🕑 🕜
(321 bytes)
English
Juraj Kirchheim أُعيد تغريده

Ready for "Super CSS Mario II"? This time it's more challenging because you have to avoid some enemies 😬
0% JavaScript, 100% CSS magic & 100% addictive!
Demo: codepen.io/t_afif/full/Jj… via @CodePen
Show me your best attempt 👇
CSS by T. Afif@ChallengesCss
🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. @CodePen demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩
English
Juraj Kirchheim أُعيد تغريده

I turn 12 on @CodePen in less than a month, so here are my most hearted demos ever:
1⃣ 955 ❤️ Pure CSS gravity button codepen.io/thebabydino/pe…
My only demo to ever pass 850 ❤️ - a bit mixed about it, it was just an exercise in getting a certain result - don't use it in the wild!
GIF
English
Juraj Kirchheim أُعيد تغريده

#haxeui 1.7.0 released! You can read more about it here! community.haxeui.org/t/haxeui-v1-7-…

English

@elsassph @fabiospampinato The dependency tracking can be quite a bit cheaper if implemented directly in the runtime. And having this as part of ECMAScript then allows to make use of it in the DOM APIs along the lines of someNode.content = someSignal, and let the browser schedule updates efficiently.
English

Apparently the TC39 proposal for Signals is now public!
This is a long thread on everything that jumps to my mind when reading it. I haven't assimilated everything yet, so this is more a list of first impressions.
github.com/proposal-signa…
English

castledb.org's editor is so outdated and no longer maintained, it's a crime. Since it's a hidden gem and still super useful I decided to fork it & update everything for 2024 together with some small UI fixes. github.com/dazKind/castle #Haxe <3




English
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده
Juraj Kirchheim أُعيد تغريده
















