James A Rosen
LightNews LightNews
jamesarosen.com
James A Rosen
@jamesarosen.com
500 followers 650 following 630 posts
Dad to 👧👧🐈🐈‍⬛🐈‍⬛. Software engineer looking for the next career move. Napa, CA Bicycle & Pedestrian Commissioner. Francophone (+/-).
Posts Replies Media Videos
jamesarosen.com
This is my deactivated (but not deleted) Facebook account, last updated in 2018

Whatever the police found isn't my account
August 10, 2025 at 3:11 PM
jamesarosen.com
My #NoKings protest sign

Chicken TACO
A protest sign depicting Trump as a cartoon chicken wrapped in a soft taco shell
June 15, 2025 at 12:42 AM
jamesarosen.com
My father gave me a cool bird feeder with a webcam for my birthday. We had our first visitor today! A California Towhee, I’m pretty sure
A close-up of a brown and rust bird eating seed. Behind the bird is a green garden, brown house, and a clear blue sky. A close-up of a brown and rust bird pondering the seed it just ate. Behind the bird is a green garden, brown house, and a clear blue sky.
April 23, 2025 at 10:03 PM
jamesarosen.com
So many happy bees on the borage in our garden today 😀🐝❤️
A bee landing on a purple borage flower A bee buzzing around a borage flower A bee collecting pollen from a borage flower A bee on the underside of a borage flower
April 6, 2025 at 9:25 PM
jamesarosen.com
“Melt ICE, not icebergs”
#indivisible #habdsoff
Hundreds of people protest Trump and Musk in downtown Napa, CA
April 5, 2025 at 7:45 PM
jamesarosen.com
I tweaked it to lower the delay and return a random number.
Five invocations at stale result in 10 network waterfall entries. Five are "fetch" and "disk cache". The sixth is text/plain, 291B. The remainder are text/plain, 0B. All the "fetch" responses have the same random number.
Chrome dev tools network pane showing 10 network request/responses. All 10 are 200 responses. The first five have type=fetch, size=(disk cache). The last five all have type=text/plain. The 6th has size=291B. 7-10 have size=0B.
February 21, 2025 at 6:35 AM
jamesarosen.com
The five responses all come back together. One of them has bytes. The other four are empty because Chrome used one to fulfill the others.
Chrome dev tools network panel. Five responses, all 200. One of them has 318B response; the others all have 0.
February 21, 2025 at 6:25 AM
jamesarosen.com
Both ComponentType and FC are generic on Props, with default `{}` (empty object). You need to specify a props type, but the only type that will for for all possible entries in MAP is `ComponentType<any>`.

That works and allows TS to discriminate the union via `[variant]`. Great suggestion!
VSCode screenshot with the following React-TypeScript code: ``` const Foo: FC<{ foo: string }> = ({ foo }) => <div>{foo}</div>; const Bar: FC<{ bar: number }> = ({ bar }) => <div>{bar}</div>; const Baz: FC<{ baz: Date }> = ({ baz }) => <div>{baz.toISOString()}</div>; // eslint-disable-next-line @typescript-eslint/no-explicit-any const SubComponents: Record<string, ComponentType<any>> = { foo: Foo, bar: Bar, baz: Baz, } as const; type WrapperProps = { [K in keyof typeof SubComponents]: { variant: K } & ComponentPropsWithoutRef<typeof SubComponents[K]>; }[keyof typeof SubComponents]; export const Wrapper: FC<WrapperProps> = ({ variant, ...props }) => { const SubComponent = SubComponents[variant]; return <SubComponent {...props} />; }; ```
February 20, 2025 at 5:12 AM
jamesarosen.com
I like the MAP approach because it's very extensible. The ComponentPropsMap is redundant and can be computed. Code in alt text.
Screenshot of VSCode with the following React-TypeScript code: ``` const Foo: FC<{ foo: string }> = ({ foo }) => <div>{foo}</div>; const Bar: FC<{ bar: number }> = ({ bar }) => <div>{bar}</div>; const Baz: FC<{ baz: Date }> = ({ baz }) => <div>{baz.toISOString()}</div>; const SubComponents = { foo: Foo, bar: Bar, baz: Baz, } as const; type WrapperProps = { [K in keyof typeof SubComponents]: { variant: K } & ComponentPropsWithoutRef<typeof SubComponents[K]>; }[keyof typeof SubComponents]; export const Wrapper: FC<WrapperProps> = ({ variant, ...props }) => { const SubComponent = SubComponents[variant]; // @ts-expect-error TS can't collapse the type of SubComponent, props return <SubComponent {...props} />; }; ```
February 20, 2025 at 5:03 AM
jamesarosen.com
I just did my seasonal maintenance:
Two end-grain cutting boards with a jar of bees-wax-mineral-oil. The boards are shiny, with a fresh coat, though well “loved” with scratches.
February 3, 2025 at 1:38 AM
jamesarosen.com
Mass protests are planned for February 5th. Every state capital at noon local.

www.reddit.com/r/50501/

#uspol #50501
Poster with a man wearing a gas mask. Text reads Impeachment gathering Feb 5th at all State Capitals Peaceful protest Impeachment of 47th Prez 12pm your time
February 2, 2025 at 4:55 AM
jamesarosen.com
Seen in Napa:
Abolish PG&E

No argument from me. I hope the 21st Century sees a massive decentralization of power (literally and figuratively).
Chalk drawing on a sidewalk next to a park. It says “Abolish PG&E” in black, yellow, and bright blue alongside some Minions.
January 22, 2025 at 1:51 AM
jamesarosen.com
This is such a nice UI element. @aljazeera.com has an "In case you're just joining us" element at the top of (some) stories. As a reader, it so easy to decide whether to read that or skip it. The information is important context for the story.

I'm going to use this pattern.
An Aljazeera article on a war in Syria. The article begins with a section headed "In case you're just joining us" and has 5 bullet-point sentences providing context for the following article.
December 7, 2024 at 10:21 PM