Mark Malstrom
LightNews LightNews
banner
malstrom.me
Mark Malstrom
@malstrom.me
620 followers 800 following 2.8K posts
Wake me up when the DEFCON levels have changed. They/them.

https://malstrom.me
https://mastodon.social/@markmalstrom
Posts Replies Media Videos
malstrom.me
And, there are some… questionable story choices for season 2 which I’m not necessarily looking forward to…
I know there had been some discussion about an ICE story? Will we see that this season? Yes, we have some ICE agents show up, and how that affects people in the hospital. That's been a tricky one to try and get right without being heavy-handed and being fair to everyone on both sides of that conversation. What else do we do this year? Some fun stuff. The kind of things you would expect over the Fourth of July weekend.
January 13, 2026 at 11:25 AM
malstrom.me
From @Horse_ebooks on Twitter: Everything happens so much
January 8, 2026 at 8:33 PM
malstrom.me
Yes… Ha Ha Ha… YES! > Sickos
December 27, 2025 at 3:51 AM
malstrom.me
Drop the "The". Just "CRuby". It's cleaner.
A screenshot from GitHub: ruby/ruby.wasm ruby.wasm is a collection of WebAssembly ports of the CRuby. Language: Ruby Stars: 816
December 21, 2025 at 5:39 PM
malstrom.me
Janet Jackson and Omari Hardwick in the film For Colored Girls (2010)
December 10, 2025 at 4:36 PM
malstrom.me
Specifically
A 20oz squeeze bottle of Whataburger Spicy Ketchup with Cholula sitting on its cap. The bottle is transparent, showing the red ketchup inside. The cap is orange and the label is orange with vertical white stripes showing the Whataburger logo at the top with the product description in the center and an image of a bottle of Cholula in the bottom right corner of the label.
December 10, 2025 at 4:21 PM
malstrom.me
I like the biblically accurate compilation diagram
An image mimicking the classic “holy trinity” image used to explain the Christian belief in God, the Son, and the Holy Spirit, but it’s for TypeScript compilation: The TypeScript compiler generates a .js file from a .ts file. The TypeScript compiler generates a .d.ts file from a .ts file. The presence of a .d.ts file implies the presence of a .js file.
December 4, 2025 at 1:14 PM
malstrom.me
I can’t help but use the trans color scheme for any of my project logos. Pink and blue, baybeeee!
A logo of a beige cake on a baby blue background with sprinkles Icing withicing Icing on the cake of web development A logo of a chocolate frosted donut on a light pink background with sprinkles Sprinkles withsprinkles Sprinkles of tools and features for web development A logo of a dimensional loop-de-loop “L” with a gradient of pink at the top to blue at the bottom on a beige background loop loopui-dev A suite of libraries, frameworks, and tools for creating Uls
November 18, 2025 at 3:21 PM
malstrom.me
how do folks feel about all lowercase docs?
screenshot of a dark mode chrome window with astro starlight documentation for "loop": loop a suite of libraries, frameworks, and tools for creating ui's pink button: create an app with loop 🚀 white outline button: browse the loop packages 🧩 to the right of this copy there is a cursive lowercase l, stylized in a loop, dimensional with a blue to purple to pink to light red gradient traveling from the bottom loop to the top loop with a blooming pink and blue gradient behind it
November 14, 2025 at 9:58 PM
malstrom.me
A roast beef sandwich with fresh mozzarella and roasted red peppers on a French demibaguette with a side of jus dipping sauce — the same sandwich from the 30 Rock episode “Sandwich Day”
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
November 11, 2025 at 7:17 PM
malstrom.me
What if you could just… await in your component?
export const listContacts = query( (query?: string) => client .contact .list .fetch<ContactRecord[]>({ search: { q: query ?? "" } }), api.contact.list, ); export async function* Sidebar(this: UI.Handle) { const router = this.context.get(Router); this.on(router, { change: () => this.update() }); let query = router.location.searchParams.get("q"); let contacts!: ContactRecord[]; for (const {} of this) { const previous = query; query = router.location.searchParams.get("q"); if (query !== previous || !contacts) { contacts = await listContacts(query); } yield ( <nav> {contacts.length ? ( <ul> {contacts.map(contact => ( <SidebarItem contact={contact} key={contact.id} /> ))} </ul> ) : ( <p> <i>No contacts</i> </p> )} </nav> ); } }
November 10, 2025 at 6:19 PM
malstrom.me
I'm in TypeScript hell
render: anyı } ? Router.› : R[K][K][K][K][K][K][K][K] extends RouteDefs<..› ? { [K in keyof {-readonly [K in keyof RIK][K][K][K][K][K][K][K]]: R[K][K][K] [K][K][K][K][K][K] extends { pattern: infer S extends string; render: anyi } ? Router > : RIK][K][K][K][K][K][K][K][K] extends RouteDefs< ...> ? { [K in keyof { -readonly [K in keyof R[K][K][K][K][K][K][K][K][K]]: R[K] [K][K][K][K][K][K][K][K][K] extends { pattern: infer S extends string; render: any, } ? Router.> : RIK][K][K][K][K][K][K][K][K][K] extends RouteDefs< ...› ? {IK in keyof { -readonly [K in keyof R[K][K][K][K][K][K][K][K][K][K]]:
October 31, 2025 at 10:13 PM
malstrom.me
This is just patently false. You don’t need to import anything to use JSX. JSX looks just as much “like the platform” as directives do. JSX has plenty of ecosystem expectations and tooling burdens without a shared spec.
Why this differs from the JSX/virtual DOM moment It’s tempting to compare criticism of directives to the early skepticism around React’s JSX or the virtual DOM. The failure modes are different. JSX and the VDOM did not masquerade as language features; they came with explicit imports, provenance, and tooling boundaries. Directives, by contrast, live at the top-level of files and look like the platform, which creates ecosystem expectations and tooling burdens without a shared spec.
October 25, 2025 at 2:20 PM
malstrom.me
React and Solid share a syntax, yet that syntax compiles to an entirely different contract for each. By these metrics, JSX is confusing and unstable.
Category Shared Syntax Shared Contract Result ECMAScript ✅ ✅ Stable and universal Framework APIs ❌ ❌ Isolated and fine Framework Directives ✅ ❌ Confusing and unstable
October 25, 2025 at 2:20 PM
malstrom.me
Remix has you covered github.com/remix-run/re...
import { form, query } from '$app/server'; import { error } from '@sveltejs/kit'; import { LocalFileStorage } from '@remix-run/file-storage/local'; import * as v from 'valibot'; const storage = new LocalFileStorage('./user/files'); export const upload = form(v.object({ file: v.file() }), async (data) => { await storage.set(data.file.name, data.file); }); export const download = query(v.string(), async (key) => { const file = await storage.get(key); if (!file) error(404, 'Not found'); return file; });
October 20, 2025 at 5:11 PM
malstrom.me
A screenshot of Chrome showing the Remix Movies website, with navigation for movies, tv shows, and people at the top and a grid of trending movie posters below
October 16, 2025 at 2:14 PM
malstrom.me
Reminds me of some historical event that took place in Germany about 80 years ago but I can’t quite put my finger on which
- When people fainted, we banged on the cages and asked for a doctor. Then the guards came and said, 'We're going to gas you. It was standard for them to say that. They held up a gas cylinder and threatened to press it against us.
October 16, 2025 at 1:15 PM
malstrom.me
Here's an API I want from Remix 3 on the Route API. Bring back fetchers!
const response = await routes.api.data.fetcher({ searchParams: { state: event.currentTarget.value }, { signal } });
October 12, 2025 at 1:41 PM
malstrom.me
Remix v3 will use partial hydration for interactive components
import {press } from "Cremix-run/events/press' import ¡ routes } from ../../routes.ts' export const ImageCarousel = hydrated routes. assets.hreff path: "image-carousel. js#ImageCarousel' 3), function (this: Remix. Handle, { startIndex = 0}: { startIndex?: number } = 0) € let index = startIndex let goPrev = (total: number) => { if (index <- 0) return index = index - 1 this. update( } Let goNext = (total: number) = { if (index >= total - 1) return index = index + 1 this. updateO) v RI 0 Auto Attach: With Flag -- NORMAL -- Q
October 10, 2025 at 8:48 PM