James A Rosen

@jamesarosen.com

520 Followers 654 Following

Dad to 👧👧🐈🐈‍⬛🐈‍⬛. Software engineer looking for the next career move. Napa, CA Bicycle & Pedestrian Commissioner. Francophone (+/-).

A protest sign depicting Trump as a cartoon chicken wrapped in a soft taco shell

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 bee landing on a purple borage flower

Hundreds of people protest Trump and Musk in downtown Napa, CA

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.

Chrome dev tools network panel. Five responses, all 200. One of them has 318B response; the others all have 0.

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} />;
};
```

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} />;
};
```

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.

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

Chalk drawing on a sidewalk next to a park. It says “Abolish PG&E” in black, yellow, and bright blue alongside some Minions.

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.