Theres 2 skills. One is a setup skill and the other for writing stories.
I have spent more time on the setup part currently, but I have plans to do more with writing stories and building components.
Theres 2 skills. One is a setup skill and the other for writing stories.
I have spent more time on the setup part currently, but I have plans to do more with writing stories and building components.
Let me know how it goes for you! Looking to make the experience as smooth as possible.
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
thanks for sharing your thoughts, good to hear that it could be useful π
Heres the repo with the POC
very much in the prototype stage, with enough interest we can work to make it seamless
github.com/dannyhw/reac...
Wouldn't it be nice to have all platforms in a single
@storybook.js.org window?
@chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!
Thanks jeppe :)
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
Switching between Storybook and your app is now easier than ever. With Metro updates, the new Storybook helper, and Expo env vars, the workflow is insanely smooth.
Read our new guide by @dannyhw.com: clstk.com/44mRAd6
It covers everything you need to know!
with vite support in uniwind its now easy to setup for @storybook/react-native-web-vite
heres an example project
github.com/dannyhw/uniw...
sounds cool!
Awesome, let me know if you need any help :)
This happens on expo 53 if you have the compiler enabled, it was fixed in 54 or you can disable the conpiler. If not that then it could be the metro config wrapper (withstorybook) is not applied.
Thanks alex π
Thanks jeppe π
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)
π 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...
Will wait for you π
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
I saw this one time thats probably react-native-svg either not found or not loading correctly. I would try checking the rn svg version and if adjusting that doesnβt work then can you try reproducing in a fresh project and sending it to me?
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
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...
Drinking beer
Speaking at conference in panel
Backstage at panel
Photo from interview
Had a great time at @reactuniverseconf.com today
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
Looks like they included my mcp π
Lol i hope its positive
Yeah I think its a good idea
if you have discord it might be easier to chat back and forth there you can add me, my user is dannyhw on there
you don't need to use the stories directory, you can put stories anywhere as long as you update the stories regex
.rnstorybook is for the storybook on the mobile device
.storybook is for the react native web storybook