👋→@kylegach@indieweb.social. ¶ Rhymes with “batch”. Always learning. Trying to be more kind than nice. ¶ DX at @chromaui/@storybookjs. ¶ ❤️ @kzgach. he/him
Boulder, CO
Joined March 2009
- Tweets6.6K
- Following457
- Followers443
- Likes4.4K
Pinned Tweet
Delighted to announce that I’ve recently joined the team at @chromaui (maintainers of @storybookjs) as a DX Community Engineer!
What? Why? 🧵...
ALT Illustration featuring the logos of Chromatic and Storybook, on a repeated background of various shapes.
Y'all. We're building something extraordinary here. I'll never test my UI components in the command line again.
Kyle Gach retweeted
This Wednesday, we're co-hosting a webinar with our friends at @stackblitz on all things components.
Join @kylegach and @sulco as they discuss strategies for efficiently building, testing, and documenting components.
Register to save your spot » crowdcast.io/c/stackblitz-ch…
If you haven't experienced how much visual testing can improve your UI dev workflow, there's never been a better way to get started!
Storybook 8 is here! 🥳
📸 Visual Tests addon
⚛️ React Server Component support
🎛️ Upgraded Vue & React control autogeneration
⚡️ Rearchitected @vite_js support + Vite 5
✨ New UI on desktop and mobile
💯 8,865 commits, 773 PRs, 218 contributors
storybook.js.org/blog/storyb…
This is one of the coolest uses of *both* of our products I've ever seen. 👏
A story of how we used @storybookjs and @chromaui for tracking our localization migration progress at Brex. Let’s dive in!
🧵🧵🧵
Kyle Gach retweeted
Hey, San Francisco devs 👋
Join us for a Storybook meetup on February 7th, exploring best practices for design systems 🎊
There’ll be speakers from @withpersona, @omlet_dev, and our core team – plus networking, refreshments and swag!
RSVP ≫
eventbrite.com/e/design-syst…
An exciting step in a whole new world of component-driven development.
🧪 Working with mad scientists of JavaScript is great fun!
React Server Components are now supported in Storybook!
Learn how it works and try it now in the Storybook 8.0 alpha 🔥
storybook.js.org/blog/storyb…
Love this hilarious demo of a really cool product!
Soon, you’ll be able to integrate Chromatic into your Playwright/Cypress E2E tests! That means you can validate app UI and functionality in one workflow.
Learn how it works and get early access in our new blogpost:
chromatic.com/blog/e2e-visua…
Alternatively, read on ↘️
ALT A screenshot from Chromatic showing an E2E Visual Test for Pets in Pajamas.
Kyle Gach retweeted
Attention all folks purchasing #Ads on Twitter. While it might seem I’ve engaged with your marketing campaign, it was actually a misplaced tap before I permanently blocked you. My apologies.
🟦❌
Looks very promising! Love the focus on a11y in a no/low-code tool. ❤️
Congratulations on the launch, @getwebstudio!
Fellow Designers and Visual Developers 👋
Webstudio - an Open Source alternative to Webflow has now become much more accessible with powerful Radix UI components 🪄🦸🏽♂️
We JUST launched on Product Hunt!
producthunt.com/posts/webstu…
Coming soon! Easily one of our most-requested features. Excited about this simple API we landed on!
Soon, you'll be able to use Chromatic to simultaneously test different combinations of themes, viewports, locales, and a11y settings!
Introducing Modes, our new simplified workflow for testing stories with multiple global configs.
Read ≫
chromatic.com/blog/introduci…
🧵 Here's how:
I'm so pumped on both the new Learning Team and all that we've accomplished so far this year.
Thank you for all of the helpful, constructive criticism and kind encouragement we've received. The Storybook community is wonderful. 💖
We're adding new docs features to help you learn Storybook!
📖 API references
📢 Docs feedback widget
⌨️ TypeScript-first
⚡️ Performance updates
🧑💻 Comprehensive code snippets
Read all about it:
storybook.js.org/blog/docs-u…
Kyle Gach retweeted
Retweet if you’re okay actually with not having your shows for a while if it means the people who write them get paid a fair wage.
I’m so excited about the foundation this provides for better and more reliable interop between Storybook and the ever-growing/changing ecosystem of JS tools.
And, major kudos to the whole core team; this announcement represents a _lot_ of work!
Upgrading packages is a headache 🤕
You have to watch out for bugs & incompatible transitive dependencies.
That's why we've created Storybook Ecosystem CI—an early warning system to guard our users from this chaotic environment.
storybook.js.org/blog/storyb…
🧵 Here's how it works
We're hosting our first-ever Storybook Day on March 14, 2023.
Join me and the rest of the team to learn what's new in Storybook 7!
Tickets are free 👉 storybook.js.org/day/tickets…
Kyle Gach retweeted
Still don't love posting here but please, delete your phone number from Twitter and use an authenticator app for 2FA instead: businessinsider.com/twitter-…
Here's the page where you can remove your number: xitter.cf/settings/phone
And turn off location sharing in iOS/Android settings.
I’ve really enjoyed working on something that will have such a clear impact for so many. I’ve been using it for a while on internal projects; it’s super nice.
Big extra shout out to @vatcoop & @yannbf for their hard work on this, too!
▲ Next.js & Storybook, configured automatically
Our new framework provides zero-config Storybook support for your Next 12 & 13 apps:
🔀 Routing
🖼 Image optimization
⤵️ Absolute imports
🎨 Styling
🎛 Webpack & Babel config
💫 and more!
🗞 Read all about it...
ALT Illustration of 2 puzzle pieces, the Next.js logo piece is connected to the larger Storybook logo piece.
Today’s example of the two justice systems we live under in the US.
The leaders responsible for this outright fraud should experience much harsher consequences than this. Their corporate insurance will handle most of this paltry fine, anyway.
The rental car company Hertz announced on Monday that it would pay about $168 million to settle disputes with hundreds of customers who claim they were falsely accused of vehicle theft.
nyti.ms/3Y0yYL5