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.

[ndelangen]

@shilman Does the new tool introduced to bundle react-native add any options to solve this?

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. We do try to do some housekeeping every once in a while so inactive issues will get closed after 90 days. Thanks!

[ndelangen]

This should be possible using https://github.com/callstack/haul which we support.

A PR adding an example or a comment here with a how-to would be of great help to people 🙇

Will close this issue, as we're unable to implement this in Storybook itself, this is something the packager needs to support. (haul does)