Tessera
Folgen

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) 🏗️

161 Posts914 Follower856 Folgt
Danny@dannyhw.com · 6mo ago

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

Danny@dannyhw.com · 8mo ago

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

How to Cleanly Swap Between React Native Storybook 10 and Your App

Set up React Native Storybook 10 with Expo or the Community CLI. Learn configuration steps, updated tools and a simple workflow for toggling Storybook.

clstk.com

Danny@dannyhw.com · 10mo ago

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 · 10mo ago

🆕 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@expo.dev · 10mo ago

🆕 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

Danny@dannyhw.com · 11mo ago

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

Danny@dannyhw.com · 12mo ago

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 😄

Danny@dannyhw.com · last yr.

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

Storybook@storybook.js.org · last yr.

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!

Storybook@storybook.js.org · last yr.

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

Bild
Danny@dannyhw.com · last yr.

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

code using stack.protected to block access to storybook when not in development
Danny@dannyhw.com · last yr.

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 🙏

Danny@dannyhw.com · last yr.

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