Hackers' Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

dan @danabra.mov@bsky.brid.gy

10/11/2025, 8:05:19 PM

Public

you can also make the "conditional rendering" an implementation detail as well so the list takes care of it codesandbox.io/p/devbox/rea...

import { useState, useDeferredValue } from "react";
import SearchResults from "./SearchResults.js";

export default function App() {
const [query, setQuery] = useState("");
const deferredQuery = useDeferredValue(query);
const isStale = query !== deferredQuery;
return (
<>
<label>
Search albums:
<input value={query} onChange={(e) => setQuery(e.target.value)} />
</label>
<div
style={{
opacity: isStale ? 0.5 : 1,
transition: isStale
? "opacity 0.2s 0.2s linear"
: "opacity 0s 0s linear",
}}
>
<SearchResults query={deferredQuery} />
</div>
</>
);
}

import { use, Suspense } from "react";
import { fetchData } from "./data.js";

export default function SearchResults({ query }) {
if (!query) {
return null;
}
return (
<Suspense fallback={<h2>Loading...</h2>}>
<SearchResultList query={query} />
</Suspense>
);
}

function SearchResultList({ query }) {
const albums = use(fetchData(`/search?q=${query}`));
if (albums.length === 0) {
return (
<p>
No matches for <i>"{query}"</i>
</p>
);
}
return (
<ul>
{albums.map((album) => (
<li key={album.id}>
{album.title} ({album.year})
</li>
))}
</ul>
);
}

If you have a fediverse account, you can quote this note from your own instance. Search https://bsky.brid.gy/convert/ap/at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/app.bsky.feed.post/3m2wyavg22k2i on your instance and quote it. (Note that quoting is not supported in Mastodon.)