Jon Stuebe
@stoobs.dev
Working on design systems in the desert 🏜 #react #reactnative
finally pulled my personal site from @vercel.com and switched to @cloudflare.social
October 25, 2025 at 9:03 PM
finally pulled my personal site from @vercel.com and switched to @cloudflare.social
Reposted by Jon Stuebe
apple-style disclosure w/ CSS details + summary 👨🍳
::details-content {
interpolate-size: allow-keywords;
transition: content-visibility, height;
transition-behavior: allow-discrete;
}
[open]::details-content { height: fit-content; }
CSS :has() handling the image swaps 🤙
::details-content {
interpolate-size: allow-keywords;
transition: content-visibility, height;
transition-behavior: allow-discrete;
}
[open]::details-content { height: fit-content; }
CSS :has() handling the image swaps 🤙
October 22, 2025 at 9:45 AM
apple-style disclosure w/ CSS details + summary 👨🍳
::details-content {
interpolate-size: allow-keywords;
transition: content-visibility, height;
transition-behavior: allow-discrete;
}
[open]::details-content { height: fit-content; }
CSS :has() handling the image swaps 🤙
::details-content {
interpolate-size: allow-keywords;
transition: content-visibility, height;
transition-behavior: allow-discrete;
}
[open]::details-content { height: fit-content; }
CSS :has() handling the image swaps 🤙
Reposted by Jon Stuebe
The Unified Toolchain for the Web
We are thrilled to announce Vite+: A unified, Rust-powered toolchain and drop-in upgrade for @vite_js.
Read the full vision and learn about our sustainable licensing model (free for individuals, OSS & small businesses).
voidzero.dev/posts/announ...
We are thrilled to announce Vite+: A unified, Rust-powered toolchain and drop-in upgrade for @vite_js.
Read the full vision and learn about our sustainable licensing model (free for individuals, OSS & small businesses).
voidzero.dev/posts/announ...
Announcing Vite+
Introducing Vite+, a unified toolchain for JavaScript.
voidzero.dev
October 13, 2025 at 5:35 PM
The Unified Toolchain for the Web
We are thrilled to announce Vite+: A unified, Rust-powered toolchain and drop-in upgrade for @vite_js.
Read the full vision and learn about our sustainable licensing model (free for individuals, OSS & small businesses).
voidzero.dev/posts/announ...
We are thrilled to announce Vite+: A unified, Rust-powered toolchain and drop-in upgrade for @vite_js.
Read the full vision and learn about our sustainable licensing model (free for individuals, OSS & small businesses).
voidzero.dev/posts/announ...
This is fantastic
👀 Browserslist 4.26 - Now supports Baseline Queries
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
September 12, 2025 at 10:20 PM
This is fantastic
@devongovett.bsky.social Can you give any more details on how the `Install with shadcn` function would work?
September 12, 2025 at 4:28 PM
@devongovett.bsky.social Can you give any more details on how the `Install with shadcn` function would work?
Reposted by Jon Stuebe
Thank you @addyosmani.bsky.social for being the one to call out the distinction between vibe coding and AI assisted engineering. What a good read: open.substack.com/pub/addyo/p/...
Vibe coding is not the same as AI-Assisted engineering.
Can you really 'vibe' your way to production-ready software?
open.substack.com
September 5, 2025 at 9:31 PM
Thank you @addyosmani.bsky.social for being the one to call out the distinction between vibe coding and AI assisted engineering. What a good read: open.substack.com/pub/addyo/p/...
Reposted by Jon Stuebe
lfg! github.com/facebook/rea...
for the first time, there will be a first-class way to tell React to deprioritize some part of the tree, an alternative to unmounting.
for the first time, there will be a first-class way to tell React to deprioritize some part of the tree, an alternative to unmounting.
Release Activity in Canary by rickhanlonii · Pull Request #34374 · facebook/react
Overview
This PR ships <Activity /> to the react@canary release channel for final feedback and prepare for semver stable release.
What this means
Shipping <Activity /> to canary means i...
github.com
September 6, 2025 at 2:26 PM
lfg! github.com/facebook/rea...
for the first time, there will be a first-class way to tell React to deprioritize some part of the tree, an alternative to unmounting.
for the first time, there will be a first-class way to tell React to deprioritize some part of the tree, an alternative to unmounting.
Reposted by Jon Stuebe
This video, despite its oversimplified title, offers an excellent and concise summary of everything that’s wrong with algorithm-driven social media right now. (via @fchouquet.bsky.social)
Why everyone is quitting social media
YouTube video by Matt D'Avella
www.youtube.com
August 27, 2025 at 2:32 PM
This video, despite its oversimplified title, offers an excellent and concise summary of everything that’s wrong with algorithm-driven social media right now. (via @fchouquet.bsky.social)
Reposted by Jon Stuebe
The new Containerization Framework on MacOS seems like a massive W from WWDC this year.
> create, download, or run Linux container images directly on Mac
🤩
> create, download, or run Linux container images directly on Mac
🤩
June 9, 2025 at 7:34 PM
The new Containerization Framework on MacOS seems like a massive W from WWDC this year.
> create, download, or run Linux container images directly on Mac
🤩
> create, download, or run Linux container images directly on Mac
🤩
This is absolutely mind blowing to me. The idea of doing local first with this would be amazing.
popcorn.swmansion.com
popcorn.swmansion.com
Popcorn
popcorn.swmansion.com
July 24, 2025 at 4:33 AM
This is absolutely mind blowing to me. The idea of doing local first with this would be amazing.
popcorn.swmansion.com
popcorn.swmansion.com
made a date string to date-fns template string parser with shadcn (sonner, cmdk)
date-fns-parse.vercel.app
date-fns-parse.vercel.app
July 23, 2025 at 10:38 PM
made a date string to date-fns template string parser with shadcn (sonner, cmdk)
date-fns-parse.vercel.app
date-fns-parse.vercel.app
Man creates problem. Man points out problem
OpenAI CEO Sam Altman says the world may be on the precipice of a "fraud crisis" because of how artificial intelligence could enable bad actors to impersonate other people.
Read more: cnn.it/3GVwPg7
Read more: cnn.it/3GVwPg7
July 23, 2025 at 2:52 AM
Man creates problem. Man points out problem
well just lost the last two hours debugging what I thought was a focus/blur event problem with a shadcn Dropdown component. Turns out the animations have to complete before the focus trapping behavior kicks in. Just needed to turn of the exit animation. Pour one out for the last 2 hours of my day.
July 17, 2025 at 7:09 PM
well just lost the last two hours debugging what I thought was a focus/blur event problem with a shadcn Dropdown component. Turns out the animations have to complete before the focus trapping behavior kicks in. Just needed to turn of the exit animation. Pour one out for the last 2 hours of my day.
Reposted by Jon Stuebe
Today they have crossed a deep red line.
We, the people, must hold the president and his appointees accountable for this outrageous abuse against American liberty.
We, the people, must hold the president and his appointees accountable for this outrageous abuse against American liberty.
June 12, 2025 at 8:05 PM
Today they have crossed a deep red line.
We, the people, must hold the president and his appointees accountable for this outrageous abuse against American liberty.
We, the people, must hold the president and his appointees accountable for this outrageous abuse against American liberty.
Reposted by Jon Stuebe
TIL about TypeScript Type Buddy 🤯
It translates this fancy TS function syntax to the real but unreadable ternary syntax
(works in both directions)
I see how this could be convenient to work on complex conditional types
There's even a VSCode extension
github.com/typed-rocks/...
It translates this fancy TS function syntax to the real but unreadable ternary syntax
(works in both directions)
I see how this could be convenient to work on complex conditional types
There's even a VSCode extension
github.com/typed-rocks/...
June 12, 2025 at 10:19 AM
TIL about TypeScript Type Buddy 🤯
It translates this fancy TS function syntax to the real but unreadable ternary syntax
(works in both directions)
I see how this could be convenient to work on complex conditional types
There's even a VSCode extension
github.com/typed-rocks/...
It translates this fancy TS function syntax to the real but unreadable ternary syntax
(works in both directions)
I see how this could be convenient to work on complex conditional types
There's even a VSCode extension
github.com/typed-rocks/...
Reposted by Jon Stuebe
This is so random! and muuuuch needed
A new Random namespace with 22 methods for working with randomness in JavaScript.
proposal just hit Stage 1
A new Random namespace with 22 methods for working with randomness in JavaScript.
proposal just hit Stage 1
May 29, 2025 at 2:59 PM
This is so random! and muuuuch needed
A new Random namespace with 22 methods for working with randomness in JavaScript.
proposal just hit Stage 1
A new Random namespace with 22 methods for working with randomness in JavaScript.
proposal just hit Stage 1
Wild. Imagine this + llm
May 30, 2025 at 6:08 AM
Wild. Imagine this + llm
Movie you’ve watched more than six times using gifs.
(“Hard mode” no Star Wars, Star Trek, or LoTR)
(“Hard mode” no Star Wars, Star Trek, or LoTR)
April 26, 2025 at 4:12 PM
Movie you’ve watched more than six times using gifs.
(“Hard mode” no Star Wars, Star Trek, or LoTR)
(“Hard mode” no Star Wars, Star Trek, or LoTR)
ohh concurrent stores...exciting
React Labs: View Transitions, Activity, and more – React
The library for web and native user interfaces
react.dev
April 23, 2025 at 5:53 PM
ohh concurrent stores...exciting
Super nice cheat sheet
April 16, 2025 at 11:09 PM
Super nice cheat sheet
April 14, 2025 at 3:48 AM
Love this metaphor ❤️
Completely agree with this point:
“Clever engineers write clever code. Exceptional engineers write simple code.”
Back in when people wanted “ninjas”, I said I wanted to be/wanted to work with gardeners. Ninjas come in and leave a bloody mess in the morning. Gardeners patiently cultivate.
“Clever engineers write clever code. Exceptional engineers write simple code.”
Back in when people wanted “ninjas”, I said I wanted to be/wanted to work with gardeners. Ninjas come in and leave a bloody mess in the morning. Gardeners patiently cultivate.
April 13, 2025 at 7:19 PM
Love this metaphor ❤️
Reposted by Jon Stuebe
😅 I was today years old when I discovered that you can press "➡︎" in VS Code's "Quick open" command to open multiple files from the same dialog.
March 26, 2025 at 2:28 PM
😅 I was today years old when I discovered that you can press "➡︎" in VS Code's "Quick open" command to open multiple files from the same dialog.
March 23, 2025 at 1:17 PM
This is unbelievable 🔥
There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults.
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)
March 22, 2025 at 1:13 PM
This is unbelievable 🔥