Profile avatar
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) 🏗️
110 posts 771 followers 838 following
Prolific Poster
Conversation Starter

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!

Quick setup guide for react native storybook + expo router

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

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

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

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

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

anyone using vitest for unit testing react native?

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

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

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

5 years of @reactnative.bsky.social at Shopify shopify.engineering/five-years-o... The journey has transformed their productivity in ways we never imagined.

When is Europe going to get access to anything new in ai???? Whats actually stopping this from launching? Its probably regulation but what exactly.

In react native storybook 8.4.3 you can now specify a brand image to show instead of the storybook logo. Mostly changes from the community in this version ❤️. (and some fixes) github.com/storybookjs/...

React v19 is now stable! react.dev/blog/2024/12...

Deconstructing @bsky.app's UI in @storybook.js.org 🤓 Pairing on the new React Native Web framework with @dannyhw.com (⚡️ by @vite.dev). Good times!!!

anyone out there had success getting react-native-reanimated working with vite? I'm running into this error when doing a build (in dev it works fine). Error comes from _updatePropsJS in: /ReanimatedModule/js-reanimated/index.ts Seems like maybe the animateable ref is null

React Router v7 is here! With framework mode, everything that made Remix great is now built into React Router. remix.run/blog/react-r...

Feel like I was finally able to get more done when i stopped worrying about what could happen. Got so paralysed thinking about all the things that might not work or people wouldn’t like. My only problem now is having time to build all the things. Basically Perfect is the enemy of good enough.

We're alpha testing React Native Web Vite for @storybook.js.org ! Kick the tires if you build in RN and want to: - Develop components in isolation - Document a design system - Test components or pages Hit us up on GH or SB Discord #react-native for help storybook.js.org/docs/8.5/get...

My own music listening habits surprised me 😄

Legend List 0.1 is ready to test! This is an early experiment to see how well it works in real apps so please post issues and/or PRs 🙏. It’s only ~600 lines so it should be easy to understand and tweak. ✨ 100% JS ✨ Fast ✨ Dynamic sizing ✨ Works in both new and old arch

just discovered if you right click the logo on react.dev it has a context menu to download it... thats awesome

Maybe a hot take but I kinda find corepack really annoying when everyone else seems to love it 😅 Probably I'm missing something.

Obligatory workshop selfie! Thanks to @reactnativelondon.co.uk for inviting me to teach Expo Router and thanks to all attendees, it was great to learn with you all!

Sunrising react native ☀️ @reactnativelondon.co.uk

Finally catching up IRL with @dannyhw.com and all React Native friends from @reactnativelondon.co.uk See ya all tomorrow for an epic conference 🚀

One day I will learn not to take the 6am flight 😬. On my way to london.