Alex Reardon's Avatar

Alex Reardon

@alexreardon.bsky.social

Software craftsman ๐Ÿ‘จโ€๐Ÿ”ง

887 Followers  |  44 Following  |  60 Posts  |  Joined: 22.12.2023  |  2.039

Latest posts by alexreardon.bsky.social on Bluesky

What to do when dragging expanded tree items?
YouTube video by Alex Reardon What to do when dragging expanded tree items?

๐Ÿ“ฝ๏ธ I made a video exploring what to do when dragging expanded items in a tree

www.youtube.com/watch?v=Dht2...

27.06.2025 01:06 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
292516 โ€“ Inserting a subgrid child with `position: absolute` can cause `auto` column widths to be calculated incorrectly.

My colleague Declan Warn found an interesting bug with subgrid in Safari. This was a painful one to run into!

bugs.webkit.org/show_bug.cgi...

05.05.2025 07:39 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Love it

30.03.2025 22:27 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

bsky.app/profile/mich...

28.03.2025 03:19 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Picture of me wearing a "typescript types" doom inspired t-shirt

Picture of me wearing a "typescript types" doom inspired t-shirt

I think my t-shirt game has peaked @michigantypescript.com

28.03.2025 03:01 โ€” ๐Ÿ‘ 10    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

I've added this use case to an open TS issue about writeonly properties ๐Ÿซก

(not sure if this issue is the most appropriate place though)

github.com/microsoft/Ty...

21.03.2025 22:23 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

๐Ÿ‘€

21.03.2025 22:05 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

[Thanks also to my colleagues who helped me process this; especially Declan Warn!]

21.03.2025 21:38 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Screenshot of code available in link

Screenshot of code available in link

Thank you. I think I am getting my head around it.

My understanding is that the object (RefObject) being passed to the `ref` prop does not satisfy the constraint; even though the assignment of RefObject.current would be fine

www.typescriptlang.org/play/#code/M...

21.03.2025 21:36 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

In this case, I am hoping to get a HTMLElement from the `ref`. I happen to get a HTMLButtonElement, which is still a HTMLElement

21.03.2025 06:51 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

cc ๐Ÿง™โ€โ™‚๏ธ @mattpocock.com @andarist.bsky.social ๐Ÿ™

21.03.2025 04:41 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Screenshot of code. Full source is in the link provided

Screenshot of code. Full source is in the link provided

TypeScript + React question. What am I missing?

www.typescriptlang.org/play/#code/J...

21.03.2025 04:40 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0

๐Ÿ“– atlassian.design/components/p...

14.03.2025 00:07 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Build time CSS for our optional react drop indicator package
YouTube video by Alex Reardon Build time CSS for our optional react drop indicator package

Our optional react drop indicator for Pragmatic drag and drop has moved from Emotion to Compiled.

9KB โ†’ 300B ๐Ÿš€

If your bundler supports CSS imports `import './styles.css` then you should be good to go!

www.youtube.com/watch?v=1Lef...

14.03.2025 00:07 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

I think moving to Go makes a lot of sense. I was more reflecting on how impressive it is to write a language in itself

13.03.2025 21:27 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I still find it so impressive that TypeScript is authored in TypeScript (at least for now)

12.03.2025 21:49 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

One of the best things: listening to something powerful while the code you are building out suddenly "clicks together"

04.03.2025 04:46 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

This is sick!

26.02.2025 00:16 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
New in @ChromeDevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! ๐Ÿ“ฒ

This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

New in @ChromeDevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! ๐Ÿ“ฒ This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! ๐Ÿ“ฒ

This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

23.02.2025 05:40 โ€” ๐Ÿ‘ 334    ๐Ÿ” 62    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 4

๐Ÿคฉ

20.02.2025 00:03 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image Post image

TIL useSyncExternalStore doesn't play well with Suspense

react.dev/reference/re...

19.02.2025 23:35 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Picture of Douges giving his talk

Picture of Douges giving his talk

The legend himself @douges.dev speaking at SydJS last night about the wizardry going into @triplex.dev ๐Ÿง™โ€โ™‚๏ธ

19.02.2025 23:30 โ€” ๐Ÿ‘ 4    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
The King of Drag and Drop: Alex Reardon
YouTube video by Syntax The King of Drag and Drop: Alex Reardon

More thinking about our approach to accessibility: youtu.be/CjGn0HahbDE?...

19.02.2025 22:41 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
A screenshot of the post in Smashing Magazine. Follow the link for the content of the blog

A screenshot of the post in Smashing Magazine. Follow the link for the content of the blog

@smashingmagazine.com picked up a blog I helped put together about Pragmatic drag and drop ๐Ÿ’•

medium.com/designing-at...

19.02.2025 22:40 โ€” ๐Ÿ‘ 4    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
The new navigation: Coming to you in 2025 Note: Following the success of this Early Access Program (EAP) in October 2024, we're now extending an open invite to all users for the Beta launch of the new navigation. Hello Community, The Atlassia...

A big team of us have been working on a new navigation for Atlassian. More work to do, but I think it's pretty great

community.atlassian.com/t5/Navigatio...

30.01.2025 22:52 โ€” ๐Ÿ‘ 3    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
GitHub - atlassian/pragmatic-drag-and-drop: Fast drag and drop for any experience on any tech stack Fast drag and drop for any experience on any tech stack - atlassian/pragmatic-drag-and-drop

If you look through the source of Pragmatic drag and drop, you will find more too. I just haven't updated the gist :)

github.com/atlassian/pr...

27.01.2025 22:12 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

CSS Cascade?

13.01.2025 02:30 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

No (sadly). I didn't get it to the state of being a general purpose tool

12.01.2025 21:31 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Screenshot of newsletter + a meme of me pointing at it

Screenshot of newsletter + a meme of me pointing at it

๐Ÿคฉ bytes.dev/archives/352

20.12.2024 21:50 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Designed for Delight, Built for Performance: The Journey of Pragmatic Drag and Drop - Work Life by Atlassian Discover how Atlassian's Pragmatic Drag and Drop revolutionized user experience with a flexible, high-performance solution. Learn about the design, engineering, and accessibility strategies that shape...

Oh cool, a blog I helped write a while ago is now on the Atlassian blog

www.atlassian.com/blog/design/...

20.12.2024 21:42 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@alexreardon is following 20 prominent accounts