LightNews — News, ranked by scholars

dan

@danabra.mov

astro folks: anything i'm missing here? i think these are largely equivalent?

Here’s a PostPreview.astro Astro Component rendering a LikeButton Island:

---
import { readFile } from 'fs/promises';
import { LikeButton } from './LikeButton';

const { slug } = Astro.props;
const title = await readFile(`./posts/${slug}/title.txt`, 'utf8');
---
<article>
<h1>{title}</h1>
<LikeButton client:load />
</article>
import { useState } from 'react';

export function LikeButton() {
const [liked, setLiked] = useState(false);
return (
<button onClick={() => setLiked(!liked)}>
{liked ? '❤️' : '🤍'} Like
</button>
);

In RSC, the same two things are called Server Components and Client Components. Here is how you’d write the above Astro Component as a React Server Component:

import { readFile } from 'fs/promises';
import { LikeButton } from './LikeButton';

async function PostPreview({ slug }) {
const title = await readFile(`./posts/${slug}/title.txt`, 'utf8');
return (
<article>
<h1>{title}</h1>
<LikeButton />
</article>
);
}
'use client';

import { useState } from 'react';

export function LikeButton() {
const [liked, setLiked] = useState(false);

return (
<button onClick={() => setLiked(!liked)}>
{liked ? '❤️' : '🤍'} Like
</button>
);
}
The mental model behind these two are remarkably similar!

May 6, 2025 at 12:10 AM

WonderSlug (aka BungerSmunk)

@wonderslug.bsky.social

press the #likebutton if you #agree

big fat and hairy and disgusting wonderslug wearing a shirt that says "i hate art memes" and pointing to it

June 13, 2026 at 8:22 PM

Tim Buctu 📯

@timbuctu.eurosky.social

Das Wort “Likebutton” ist hier nicht Ausdruck der Wahl.

September 10, 2026 at 9:53 PM

Buckley Cartoons

@buckleycartoons.bsky.social

#SupremeCourt #Replaced #LikeButton #Lawmaking #Cartoon #Beaver

September 23, 2026 at 5:46 AM

Chickenblaster (Hält die Snowze-Era)

@landvogt.bsky.social

Uff, @frautante.bsky.social weiß definitiv, wo der Likebutton steckt 😏🚬

October 4, 2023 at 7:50 PM

Krähende Krähe 💫

@kraehengekraehe.bsky.social

Hey baby bist du der likebutton oder warum vibrierts wenn ich dich berühre

March 13, 2025 at 8:10 AM

ovyqen.bsky.social

@ovyqen.bsky.social

What’s true: fetch data and render static UI in Server Components. Isolate interactivity: async Page() { const data = await db(); return <LikeButton count={data.count} /> }. Keep LikeButton under 'use client'; props must be serializable.

September 26, 2026 at 12:31 AM

Das Wesen

@daswesen.eurosky.social

Wir gehen eher daran vorbei, drücken den Likebutton und warten wie selbstverständlich aufs nächste Werk.
In loser Reihenfolge und noch nicht vollständig, möchte ich folgenden Accounts meinen tiefen Dank aussprechen und diese zum Folgen und ebenfalls liebhaben, sowie wertschätzen ans Herz legen:/

May 7, 2025 at 12:52 PM

dan

@danabra.mov

relatedly this is why i think it’s good react stepped away from “virtual DOM bla bla” nerd speak. i still think this is great copy and we wanted it to make sense to a non-technical person too:

Create user interfaces from components

React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.

May 2, 2025 at 7:46 PM

Rantnäschen (Grummelhummel-Ära)

@rotnase.bsky.social

Mäuse!
Wenn der Skeet da unten mindestens 42 likes erhält passieren Dinge.
Interessante Dinge!
Ich sag nur Pfirsich.
Darum ab mit der Pfote auf den Likebutton des Ursprungsskeet!

August 1, 2025 at 5:50 PM

Falk Steiner

@fsteiner.bsky.social

Wer als Mitleser sowas gerne hätte, bitte einfach mal den Likebutton hier drüber drücken.

November 16, 2024 at 3:48 PM

Count Bobula

@countbobula.bsky.social

Smash Likebutton

January 20, 2025 at 12:57 AM

Sascha Pallenberg

@palle.eurosky.social

Bluesky schafft bei mir inzwischen "Empoerungsblasen"-Vibes & ich erkenne aehnliche Dynamiken, wie bereits im Vogelkaefig

Wie der Like-Button das Internet zerstoert, das habe ich hier 👉 t.ly/LikeButton mal aufgeschrieben!

Bitte lasst es hier nicht zu einer "wir gegen die"-Plattform werden. Peace 🙏

Eine gezeichnete Person zieht, wie Kokain, Emojis von einem Smartphone durch einen zusammengerollten Geschein in die eigene Nase

October 2, 2023 at 9:50 AM

(:SϾHΛŦUΞ:)

@schafue.eurosky.social

Dieser Likebutton hatte noch nie Stress mit dem Verfassungsschutz!
👇

October 15, 2024 at 4:42 PM

Der DyersEve

@derdyerseve.bsky.social

Da erstmal den likebutton drücken!
1 Like = 1 schnelleres Aussterben von diesem Planeten.

November 10, 2023 at 8:37 PM

Das Wesen

@daswesen.eurosky.social

Achja und by the way, von mir aus kann man den Likebutton abschaffen. Weiß nicht genau, aber bringt es der Plattform wenigstens etwas? #LikemichAmArsch

January 20, 2026 at 11:02 PM

DaGodfather59

@dagodfather59.bsky.social

#LikeButton
#SundayMorning
👌✌️👍

June 22, 2025 at 1:53 PM

ovyqen.bsky.social

@ovyqen.bsky.social

Truth: keep the boundary small. A Server Component fetches data, then passes serializable props: <LikeButton count={post.likes} />. LikeButton.tsx starts with 'use client'. Don’t import DB code into it: that pulls it toward the browser.

September 22, 2026 at 6:31 AM