Danny
@dannyhw.com
React Native Storybook maintainer. React and React Native developer.
Danny_H_W on X
Brazilian/English living in Portugal.
https://github.com/dannyhw
https://dannyhw.com (website under construction) 🏗️
Danny_H_W on X
Brazilian/English living in Portugal.
https://github.com/dannyhw
https://dannyhw.com (website under construction) 🏗️
Pinned
Danny
@dannyhw.com
· Sep 25
🆕 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...
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
Really excited that I got the chance to write a post for the Expo blog. Thanks so much to expo for the opportunity.
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
Really excited that I got the chance to write a post for the Expo blog. Thanks so much to expo for the opportunity.
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
🆕 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...
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
September 25, 2025 at 6:37 PM
Really excited that I got the chance to write a post for the Expo blog. Thanks so much to expo for the opportunity.
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
This is also the first time I wrote about sharing React Native Storybook. I spent a long time to find an easy approach. (The trick is eas submit and test flight)
Reposted by Danny
🆕 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...
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
September 25, 2025 at 5:59 PM
🆕 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...
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...
We’re starting a react native meetup in Porto and you’re all invited!
Join us on discord and on the meetup page
discord.gg/f85mFP6AqQ
Join us on discord and on the meetup page
discord.gg/f85mFP6AqQ
Join the React Native Porto Discord Server!
React Native Porto is a Meetup group and a community for discussing React and React Native | 6 members
discord.gg
September 24, 2025 at 5:34 PM
We’re starting a react native meetup in Porto and you’re all invited!
Join us on discord and on the meetup page
discord.gg/f85mFP6AqQ
Join us on discord and on the meetup page
discord.gg/f85mFP6AqQ
Just updated the React Native Storybook Expo template for SDK 54 and its also now based on Expo router.
Get up and running in less than a minute:
bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook
@storybook.js.org @expo.dev
Get up and running in less than a minute:
bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook
@storybook.js.org @expo.dev
September 10, 2025 at 11:42 PM
Just updated the React Native Storybook Expo template for SDK 54 and its also now based on Expo router.
Get up and running in less than a minute:
bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook
@storybook.js.org @expo.dev
Get up and running in less than a minute:
bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook
@storybook.js.org @expo.dev
In the closing panel for React Native Universe, we discuss cross-platform development with React Native. I talk about how the future of React Native Storybook will likely involve reducing dependencies for better compatibility across platforms.
www.youtube.com/watch?v=bzhd...
www.youtube.com/watch?v=bzhd...
Closing Panel: Deploy Anywhere? Building Across Devices with React | React Universe Conf 2025
YouTube video by Callstack
www.youtube.com
September 10, 2025 at 6:32 PM
In the closing panel for React Native Universe, we discuss cross-platform development with React Native. I talk about how the future of React Native Storybook will likely involve reducing dependencies for better compatibility across platforms.
www.youtube.com/watch?v=bzhd...
www.youtube.com/watch?v=bzhd...
Had a great time at @reactuniverseconf.com today
September 5, 2025 at 12:15 AM
Had a great time at @reactuniverseconf.com today
Reposted by Danny
How do you ship React apps across phones, browsers, TVs & even AR/VR? Find out in the closing panel with leaders from Amazon, @expo.dev, Storybook & @microsoft.com: Chris Trag, @kadi.bsky.social, Danny Williams, Mo Gorhom, Khalef Hosany.
Are you joining us? 🎟️ clstk.com/4mA1NtI
Are you joining us? 🎟️ clstk.com/4mA1NtI
September 1, 2025 at 10:58 AM
How do you ship React apps across phones, browsers, TVs & even AR/VR? Find out in the closing panel with leaders from Amazon, @expo.dev, Storybook & @microsoft.com: Chris Trag, @kadi.bsky.social, Danny Williams, Mo Gorhom, Khalef Hosany.
Are you joining us? 🎟️ clstk.com/4mA1NtI
Are you joining us? 🎟️ clstk.com/4mA1NtI
Reposted by Danny
This Week In React 246 - Back from holiday with @piaskowyk.bsky.social & @kacperkapusciak.bsky.social 🏝️
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
August 20, 2025 at 3:16 PM
This Week In React 246 - Back from holiday with @piaskowyk.bsky.social & @kacperkapusciak.bsky.social 🏝️
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
Updated React Native Storybook for 9.1.1 github.com/storybookjs/...
From here I will focus on preparing for v10.
From here I will focus on preparing for v10.
Release v9.1.1 · storybookjs/react-native
What's Changed
feat: new withStorybookConfig metro wrapper to replace withStorybook in the future by @dannyhw in #776
chore(deps): bump image-size from 1.1.1 to 1.2.1 by @dependabot[bot] in #782
f...
github.com
August 20, 2025 at 4:27 PM
Updated React Native Storybook for 9.1.1 github.com/storybookjs/...
From here I will focus on preparing for v10.
From here I will focus on preparing for v10.
with Expo 54 the react compiler will work with react native storybook 🙌
August 20, 2025 at 4:25 PM
with Expo 54 the react compiler will work with react native storybook 🙌
Reposted by Danny
SDK 54 beta is out 🚀
◆ RN 0.81 + React 19.1
◆ Precompiled React Native for iOS → ⚡ faster builds
◆ iOS 26 Liquid Glass icons + Expo UI
◆ Android 16 edge-to-edge + predictive back
◆ Updates to EAS Update + Autolinking
◆ Final release w/ Legacy Arch
Details in the changelog: expo.dev/changelog/sd...
◆ RN 0.81 + React 19.1
◆ Precompiled React Native for iOS → ⚡ faster builds
◆ iOS 26 Liquid Glass icons + Expo UI
◆ Android 16 edge-to-edge + predictive back
◆ Updates to EAS Update + Autolinking
◆ Final release w/ Legacy Arch
Details in the changelog: expo.dev/changelog/sd...
Expo SDK 54 beta is now available - Expo Changelog
Learn about the changes, how to try it out, and how to give feedback.
expo.dev
August 19, 2025 at 7:47 PM
SDK 54 beta is out 🚀
◆ RN 0.81 + React 19.1
◆ Precompiled React Native for iOS → ⚡ faster builds
◆ iOS 26 Liquid Glass icons + Expo UI
◆ Android 16 edge-to-edge + predictive back
◆ Updates to EAS Update + Autolinking
◆ Final release w/ Legacy Arch
Details in the changelog: expo.dev/changelog/sd...
◆ RN 0.81 + React 19.1
◆ Precompiled React Native for iOS → ⚡ faster builds
◆ iOS 26 Liquid Glass icons + Expo UI
◆ Android 16 edge-to-edge + predictive back
◆ Updates to EAS Update + Autolinking
◆ Final release w/ Legacy Arch
Details in the changelog: expo.dev/changelog/sd...
I've been working for a while on getting React Native Web to work on Storybook with Vite.
Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about.
This is for those trying to do something a bit outside the box 😄
Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about.
This is for those trying to do something a bit outside the box 😄
August 11, 2025 at 12:04 PM
I've been working for a while on getting React Native Web to work on Storybook with Vite.
Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about.
This is for those trying to do something a bit outside the box 😄
Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about.
This is for those trying to do something a bit outside the box 😄
Working on a new version of the expo template that is based on expo-router.
Try it out with this command
npx create-expo-app --template expo-template-storybook@next ExpoRouterStorybook
Try it out with this command
npx create-expo-app --template expo-template-storybook@next ExpoRouterStorybook
August 5, 2025 at 10:48 PM
Working on a new version of the expo template that is based on expo-router.
Try it out with this command
npx create-expo-app --template expo-template-storybook@next ExpoRouterStorybook
Try it out with this command
npx create-expo-app --template expo-template-storybook@next ExpoRouterStorybook
Reposted by Danny
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!
▶️ 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!
June 3, 2025 at 5:05 PM
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!
▶️ 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!
Quick setup guide for react native storybook + expo router
June 3, 2025 at 12:27 PM
Quick setup guide for react native storybook + expo router
Reposted by Danny
🚀 Storybook 9 drops next week!
Join us June 5 for a live walkthrough + AMA with the team.
✅ Unified UI testing (interaction, visual, a11y)
✅ Inline results & coverage
✅ 48% smaller
✅ React Native support
Registration link below 👇
Join us June 5 for a live walkthrough + AMA with the team.
✅ Unified UI testing (interaction, visual, a11y)
✅ Inline results & coverage
✅ 48% smaller
✅ React Native support
Registration link below 👇
May 28, 2025 at 5:59 PM
🚀 Storybook 9 drops next week!
Join us June 5 for a live walkthrough + AMA with the team.
✅ Unified UI testing (interaction, visual, a11y)
✅ Inline results & coverage
✅ 48% smaller
✅ React Native support
Registration link below 👇
Join us June 5 for a live walkthrough + AMA with the team.
✅ Unified UI testing (interaction, visual, a11y)
✅ Inline results & coverage
✅ 48% smaller
✅ React Native support
Registration link below 👇
The react native rc is now also available. Make sure to set everything to 9.0.0-rc.4.
The default for the storybook config folder became .rnstorybook and that should be the only real breaking change from v8.
The default for the storybook config folder became .rnstorybook and that should be the only real breaking change from v8.
Storybook 9 is now in RC! That means everything shared in this post is now even more ready for you to use in your projects.
🆙 Upgrade - npx storybook@9 upgrade
🆕 Get started - npm create storybook@9
🆙 Upgrade - npx storybook@9 upgrade
🆕 Get started - npm create storybook@9
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
May 21, 2025 at 9:20 PM
The react native rc is now also available. Make sure to set everything to 9.0.0-rc.4.
The default for the storybook config folder became .rnstorybook and that should be the only real breaking change from v8.
The default for the storybook config folder became .rnstorybook and that should be the only real breaking change from v8.
Heres a cool thing you can do with expo router protected routes outside of auth.
Basically simpler way to block off a storybook screen when not in dev or whatever logic for when it should show.
also combine this with expo-dev-menu for easy swapping back/forth
code: github.com/dannyhw/expo...
Basically simpler way to block off a storybook screen when not in dev or whatever logic for when it should show.
also combine this with expo-dev-menu for easy swapping back/forth
code: github.com/dannyhw/expo...
May 18, 2025 at 1:03 PM
Heres a cool thing you can do with expo router protected routes outside of auth.
Basically simpler way to block off a storybook screen when not in dev or whatever logic for when it should show.
also combine this with expo-dev-menu for easy swapping back/forth
code: github.com/dannyhw/expo...
Basically simpler way to block off a storybook screen when not in dev or whatever logic for when it should show.
also combine this with expo-dev-menu for easy swapping back/forth
code: github.com/dannyhw/expo...
You can try react native storybook 9 with the template
npx create-expo-app --template expo-template-storybook@next UniversalStorybook
Template is also updated for expo 53
npx create-expo-app --template expo-template-storybook@next UniversalStorybook
Template is also updated for expo 53
Storybook 9 is now in beta!
It’s ready for you to try today.
Let’s see what’s inside…
It’s ready for you to try today.
Let’s see what’s inside…
Storybook 9 is now in beta
Try the future of UI testing today
storybook.js.org
May 4, 2025 at 10:15 PM
You can try react native storybook 9 with the template
npx create-expo-app --template expo-template-storybook@next UniversalStorybook
Template is also updated for expo 53
npx create-expo-app --template expo-template-storybook@next UniversalStorybook
Template is also updated for expo 53
Following my post earlier about the new deep link feature in react native storybook alpha heres how you can use that together with maestro to test your stories
note I've generated a maestro test file with a simple script since maestro scripting is not really a thing
www.youtube.com/watch?v=5_JE...
note I've generated a maestro test file with a simple script since maestro scripting is not really a thing
www.youtube.com/watch?v=5_JE...
Testing React Native Storybook with Maestro
YouTube video by Danny Williams
www.youtube.com
February 23, 2025 at 2:38 PM
Following my post earlier about the new deep link feature in react native storybook alpha heres how you can use that together with maestro to test your stories
note I've generated a maestro test file with a simple script since maestro scripting is not really a thing
www.youtube.com/watch?v=5_JE...
note I've generated a maestro test file with a simple script since maestro scripting is not really a thing
www.youtube.com/watch?v=5_JE...
I've had this example of storybook in expo router navigating with search params. yesterday I realised that I could just build it into Storybook without the router using the Linking api.
[scheme]://[url]?STORYBOOK_STORY_ID=[story_id]
Out in 8.6.0-alpha.0
Feedback welcomed 🙏
[scheme]://[url]?STORYBOOK_STORY_ID=[story_id]
Out in 8.6.0-alpha.0
Feedback welcomed 🙏
February 23, 2025 at 10:15 AM
I've had this example of storybook in expo router navigating with search params. yesterday I realised that I could just build it into Storybook without the router using the Linking api.
[scheme]://[url]?STORYBOOK_STORY_ID=[story_id]
Out in 8.6.0-alpha.0
Feedback welcomed 🙏
[scheme]://[url]?STORYBOOK_STORY_ID=[story_id]
Out in 8.6.0-alpha.0
Feedback welcomed 🙏
Any react native storybook users (on v8+) please give this version a test for me
8.5.5-alpha.3
I'm adding scroll to selected story when opening the story list and would appreciate some user testing.
Also includes changes to improve controls compatibility with web.
github.com/storybookjs/...
8.5.5-alpha.3
I'm adding scroll to selected story when opening the story list and would appreciate some user testing.
Also includes changes to improve controls compatibility with web.
github.com/storybookjs/...
February 12, 2025 at 12:36 PM
Any react native storybook users (on v8+) please give this version a test for me
8.5.5-alpha.3
I'm adding scroll to selected story when opening the story list and would appreciate some user testing.
Also includes changes to improve controls compatibility with web.
github.com/storybookjs/...
8.5.5-alpha.3
I'm adding scroll to selected story when opening the story list and would appreciate some user testing.
Also includes changes to improve controls compatibility with web.
github.com/storybookjs/...
anyone using vitest for unit testing react native?
February 8, 2025 at 2:19 PM
anyone using vitest for unit testing react native?
Reposted by Danny
To clearly state my goals atm, I want:
- CRA fixed, so beginners don't hit errors
- CRA clearly deprecated (docs and CLI), and pointing to "do X instead"
- A clear recommended alternative to CRA, plus migration paths off existing CRA
_and_:
- Docs listing "SPA" as valid and Vite as recommended
- CRA fixed, so beginners don't hit errors
- CRA clearly deprecated (docs and CLI), and pointing to "do X instead"
- A clear recommended alternative to CRA, plus migration paths off existing CRA
_and_:
- Docs listing "SPA" as valid and Vite as recommended
January 27, 2025 at 12:04 AM
To clearly state my goals atm, I want:
- CRA fixed, so beginners don't hit errors
- CRA clearly deprecated (docs and CLI), and pointing to "do X instead"
- A clear recommended alternative to CRA, plus migration paths off existing CRA
_and_:
- Docs listing "SPA" as valid and Vite as recommended
- CRA fixed, so beginners don't hit errors
- CRA clearly deprecated (docs and CLI), and pointing to "do X instead"
- A clear recommended alternative to CRA, plus migration paths off existing CRA
_and_:
- Docs listing "SPA" as valid and Vite as recommended
Reposted by Danny
Storybook 8.5 is out!
♿️ Realtime a11y tests to help build UIs for everybody
🛡️ Project code coverage reporting
🎯 Focused tests for fast feedback
⚛️ React Native Web Vite framework for testing mobile UI
🎁 Storybook Test Bootcamp to level up your testing game
storybook.js.org/blog/storybo...
♿️ Realtime a11y tests to help build UIs for everybody
🛡️ Project code coverage reporting
🎯 Focused tests for fast feedback
⚛️ React Native Web Vite framework for testing mobile UI
🎁 Storybook Test Bootcamp to level up your testing game
storybook.js.org/blog/storybo...
Storybook 8.5
Accessibility at your fingertips
storybook.js.org
January 21, 2025 at 6:08 PM
Storybook 8.5 is out!
♿️ Realtime a11y tests to help build UIs for everybody
🛡️ Project code coverage reporting
🎯 Focused tests for fast feedback
⚛️ React Native Web Vite framework for testing mobile UI
🎁 Storybook Test Bootcamp to level up your testing game
storybook.js.org/blog/storybo...
♿️ Realtime a11y tests to help build UIs for everybody
🛡️ Project code coverage reporting
🎯 Focused tests for fast feedback
⚛️ React Native Web Vite framework for testing mobile UI
🎁 Storybook Test Bootcamp to level up your testing game
storybook.js.org/blog/storybo...