banner
LightNews
shilman.net
Michael Shilman
@shilman.net
2K followers 590 following 300 posts
🇺🇸 dad in 🇹🇼 building @storybook.js.org oss, dev tools, testing, design systems, a11y
Posts Media Videos Starter Packs
Pinned
shilman.net
Michael Shilman @shilman.net · Jun 4
Beyond proud of Storybook 9, our ambitious take on the future of UI testing.

On top all the features and deep maintenance work, the team moved mountains to create a silky smooth upgrade for our biggest release yet. Give it a try!
storybook.js.org
Storybook @storybook.js.org · Jun 3
Storybook 9 is here!

▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!

Let’s dive in!
1 4 22
Reposted by Michael Shilman
storybook.js.org
Storybook @storybook.js.org · 1d
Looking for LLM early adopters on design system teams.

We're starting a Design System MCP project to allow AI agents to reuse the DS components.

Reply below if interested!

Criteria:
- Mature design system
- Willing to actively provide feedback/repros
- Using SB 9 or 8.2+
1 14
Reposted by Michael Shilman
thealexlichter.com
Alexander Lichter @thealexlichter.com · 13d
State of JS 2025

Christmas is only 3 months away, which means it is also time to take the State of JavaScript survey (again).
The more devs participate, the clearer the big picture will be in the end 🙌

Plus, you learn about features, libs, and frameworks you haven't heard before (or forgot about).
State of JavaScript 2025
Take the State of JavaScript survey
survey.devographics.com
1 6 30
Reposted by Michael Shilman
expo.dev
Expo @expo.dev · 17d
🆕 Building beautiful components faster with Storybook 9 and Expo

This guest post by @dannyhw.com covers how to:
• Add Storybook 9 to an Expo app
• Catalog UI states and share them with your team
• Distribute Storybook builds using EAS
• Reuse stories for automated tests

expo.dev/blog/storybo...
Building beautiful components faster with Storybook 9 and Expo
Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.
expo.dev
2 7 27
Reposted by Michael Shilman
reinhold.is
Jeppe Reinhold 🇩🇰 @reinhold.is · 18d
We recently rewrote the Intro to Storybook tutorial for Svelte, to use Svelte 5 and Svelte CSF everywhere!

If there are any Svelte experts out there that want to take it for a spin and give feedback on the techniques used, that would be greatly appreciated! 🙏

@sveltesociety.dev
Storybook Tutorials
Learn how to build and test UI components with Storybook. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.
storybook.js.org
3 6 37
shilman.net
Michael Shilman @shilman.net · 18d
Actual reduction would have been another 50% from 9 to 10, but we took the opportunity to unminify the dist code so we netted a 15% savings in total.
Reposted by Michael Shilman
tannerlinsley.com
Tanner Linsley @tannerlinsley.com · 19d
🚀 Announcing TanStack.com Start v1 Release Candidate!

Upgrades ↓

✨ Unified Route Tree: no more server-specific files
🔐 Type-safe middleware & server context upgrades
🛡 CSP/nonce support
⚡ Now works with any native Vite Env plugin
🌀 Zero-JS: any server handler can render!
TanStack | High Quality Open-Source Software for Web Developers
Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.
TanStack.com
7 29 190
shilman.net
Michael Shilman @shilman.net · 19d
bsky.app/profile/stor...
storybook.js.org
Storybook @storybook.js.org · Sep 9
The next version of Storybook will only have one significant breaking change:

Storybook 10 is ESM-only.
A yellow 8 with a large and complex dependency graph underneath, a right arrow extending from that labeled 50% lighter pointing to a pink 9 with a much smaller and simpler graph underneath, another right arrow extending from that labeled 15% lighter pointing to a blue 10 with a simpler dependency graph labeled ESM and a graph with a red line through it labeled No CJS
1
shilman.net
Michael Shilman @shilman.net · 19d
Extremely proud of our recent work. ESM-only is a major milestone for Storybook and a step forward for the entire community.

Lots more screws left to tighten! 🪛💪
storybook.js.org
Storybook @storybook.js.org · 19d
Storybook 10 (now in beta) is ESM-only.

🤏 Smaller package size (15%)
🫧 Cleaner, simpler codebase
⛓️‍💥 Reduced bugs from module duplication and aliasing
🧱 A more future-proof foundation for Storybook and its ecosystem

Read all about why we’ve made the transition and what it means for you:
Storybook is going ESM-only
Smaller, simpler, and modern
storybook.js.org
2 11
Reposted by Michael Shilman
konnorrogers.com
Konnor Rogers @konnorrogers.com · 19d
xcancel.com/dhh/status/1...
DHH (@dhh)
This is totally crazy. Like if the operators of rubygems dot org just decided to expropriate the official Rails gems, hand over control to a new team, and lock the core team out of it. We're in unchar...
xcancel.com
5 8 55
Reposted by Michael Shilman
justinwolfers.bsky.social
Justin Wolfers @justinwolfers.bsky.social · 22d
Critical part of the President's new $100,000 charge for H1-B visas: The Administration can also offer a $100,000 discount to any person, company, or industry that it wants. Replacing rules with arbitrary discretion.

Want visas? You know who to call and who to flatter.
740 4.8K 13K
Reposted by Michael Shilman
jviide.iki.fi
Joachim Viide @jviide.iki.fi · Sep 12
pnpm v10.16.0 adds "minimumReleaseAge", a setting for defining how long a version has to have been published before pnpm will install it.

A nice countermeasure against accidental installs of short-lived compromised packages before they get taken down. Not a 100% fix, but a great additional step!
Release pnpm 10.16 · pnpm/pnpm
Minor Changes There have been several incidents recently where popular packages were successfully attacked. To reduce the risk of installing a compromised version, we are introducing a new settin...
github.com
8 64 200
Reposted by Michael Shilman
reinhold.is
Jeppe Reinhold 🇩🇰 @reinhold.is · Sep 10
We've been doing a lot of research and experiments with AI and agent-based development lately at @storybook.js.org, and we're finally ready to share some of our learnings and prototypes! We have not one but TWO RFCs that we'd love feedback and input on!

👇
1 2 7
shilman.net
Michael Shilman @shilman.net · Sep 9
I’ve heard RN support is actually simpler with ESM only. Cc @dannyhw.com
1 1
Reposted by Michael Shilman
fubits.dev
Ilja @fubits.dev · Sep 8
Webdev PSA (via @shilman.net in Storybook discord) - supply chain attack for 18 popular npm packages (chalk, ansi-*, debug) www.aikido.dev/blog/npm-deb...
npm debug and chalk packages compromised
The popular packages debug and chalk on npm have been compromised with malicious code
www.aikido.dev
1 2
shilman.net
Michael Shilman @shilman.net · Sep 8
👀
Reposted by Michael Shilman
gracekind.net
Grace @gracekind.net · Aug 30
3 8 100
Reposted by Michael Shilman
gracekind.net
Grace @gracekind.net · Dec 15
What is ideonomy, anyway?

I'm so glad you asked!
Ideonomy: A Science of Ideas
An accessible introduction to ideonomy
gracekind.net
10 17 130
shilman.net
Michael Shilman @shilman.net · Aug 29
Some days you eat the bear, some days the bear eats you. 📉
1
shilman.net
Michael Shilman @shilman.net · Aug 27
So if you want the full wonder of coding agents, try mixing things up. It might give you a better taste of the hype than using your trusted tools!
1
shilman.net
Michael Shilman @shilman.net · Aug 27
The whole experience felt like flying--which was the last thing I expected when dusting off a bunch of rusty tools after more than a decade.
1
shilman.net
Michael Shilman @shilman.net · Aug 27
Being able to ask for something and get ballpark code is just so good. Python notebooks integrated into VSCode let me tweak the code and see the output interactively.
Code to plot a collection of data features ("dev", "StoryCount", "ErrorRatio", etc.), and the resulting bar chart visualization in a Python notebook.
1
shilman.net
Michael Shilman @shilman.net · Aug 27
Copilot helped me turn those thoughts into code quickly. I was able to tear through a bunch of data analysis in hours that might've taken days without help (or tbh I probably would've given up).
1 1
shilman.net
Michael Shilman @shilman.net · Aug 27
I had a completely different experience in Python today. I'm 10y out of practice, so what's in my head is how I want to transform and analyze my data, but not necessarily the syntax and APIs to do it.
1
shilman.net
Michael Shilman @shilman.net · Aug 27
When I write TypeScript, there's a tradeoff between asking the agent vs coding it myself. Sometimes it speeds me up, but other times I get better results faster by simply typing out what's in my head.
1 1
shilman.net
Michael Shilman @shilman.net · Aug 27
If you're underwhelmed by agentic dev tools, try coding in a new environment to change your perspective. 🧵
1 2