Danny

Danny

@dannyhw.com

Senior Developer @callstack.com React Native Storybook maintainer. Danny_H_W on X Brazilian/English living in Portugal. https://github.com/dannyhw https://dannyhw.com (website under construction) 🏗️

917 followers856 following161 posts

View full thread

Xavier Costa from Uphold: Stop Profiling. Start Prompting: Infinite Auto-Research Loops with MCP

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with @storybook.js.org - Write stories like a pro npx skills add storybookjs/react-native

What better way to start my time at Callstack than with a new blog post! React Native Storybook today is not the same as it was years ago. Now you can easily remove storybook from your bundle just by disabling it with the metro helper. Check out the post to find out more clstk.com/48QJgDU

clstk.comHow to Cleanly Swap Between React Native Storybook 10 and Your AppSet up React Native Storybook 10 with Expo or the Community CLI. Learn configuration steps, updated tools and a simple workflow for toggling Storybook.

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)

Expo@expo.dev

🆕 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...

Danny reposted

🆕 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...

expo.devBuilding beautiful components faster with Storybook 9 and ExpoLearn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.

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

with Expo 54 the react compiler will work with react native storybook 🙌

Expo@expo.dev

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...

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 😄

View full thread

If you aren't doing something weird like running react native in storybook, consider using expo's react native web support with metro. Expo has done a lot of work to make web+metro work well. If you are doing weird stuff then give this a try 😄

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 😄

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

Danny reposted

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!

Danny reposted

🚀 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 👇

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.

Storybook@storybook.js.org

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

In the v9 rc I've introduced a new *experimental* LiteUI that has minimal dependencies (Also you can define your own custom ui). This makes the minimal setup just the storybook dependencies. You then just sacrifice some UX. I had to write raw 'Animated' api animations for this😄 Quote

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...

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 🙏

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/...

Danny reposted

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

Danny reposted

this has been in the work for *months* at @expo.dev 😄 but we're finally launching EAS Hosting! this is the first of many steps for building out Expo web, and also sets the groundwork we need for SSR-support and React server functions & components 🚀 expo.dev/blog/expo-an...

expo.devEAS Hosting (Preview): Host Expo server code in the cloud with EASIntroducing EAS Hosting: the first ever end-to-end deployment solution for universal app development.