Co-locate stories with components.

[shilman]

Issue by philcockfield
Tuesday Oct 04, 2016 at 04:09 GMT
Originally opened as storybook-eol/react-native-storybook#103

---

Is there an equivalent way to find stories that sit alongside their components with a .stories extension like you can on web:

const req = require.context('../lib/view', true, /.stories.js$/);
configure(() => {
  req.keys().forEach(filename => req(filename));
}, module);

(ref: https://getstorybook.io/docs/basics/writing-stories)

[shilman]

Comment by mnmtanish
Tuesday Oct 04, 2016 at 05:18 GMT

---

React Storybook uses require.context to do that which is a Webpack feature. So far, we don't know of any equivalent feature in React Native bundler. I'll see what we can do to enable this.

[shilman]

Comment by philcockfield
Tuesday Oct 04, 2016 at 05:26 GMT

---

That would be awesome if it's in any way possible!! - thanks @mnmtanish

[shilman]

Comment by ckothari
Sunday Oct 30, 2016 at 09:26 GMT

---

+1

[shilman]

Comment by skovhus
Thursday Mar 23, 2017 at 14:32 GMT

---

Semi automated way here https://github.com/elderfo/react-native-storybook-loader

But would be great to avoid the build step.

[slorber]

@shilman this issue is now closed, does it mean the "react-native-storybook-loader" is the recommended way to colocate stories for now?

[shilman]

@slorber tbh i'm not sure why this is closed. please give react-native-storybook-loader and feel free to reopen if you have problems with it!

[slorber]

thanks I was going to test it anyway, just wondering if a more viable solution to the problem has been found as colocation is a must have for me