Storybook: Addon API๋กœ ๋ชจ๋“  ์Šคํ† ๋ฆฌ ์–ป๊ธฐ

์— ๋งŒ๋“  2017๋…„ 04์›” 13์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: storybookjs/storybook

๋ชจ๋“  ์Šคํ† ๋ฆฌ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ์• ๋“œ์˜จ API๊ฐ€ ์—†๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@์ง€๊ทธ๊ทธ๋ฆฐ

๋‹ค์Œ์€ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ์˜ˆ์ž…๋‹ˆ๋‹ค.

import { storiesOf, getStorybook } from '@kadira/storybook';

storiesOf('React App', module)
  .add('Story 1', () => <Story1 />)
...

const myStories = getStorybook();
console.log(myStories);

๋‹น์‹ ์€ ๋‹น์‹ ์˜ ๋ชจ๋“  storyKind -> ์ด์•ผ๊ธฐ๋ฅผ ๊ฐ€์ง„ ๋ฐฐ์—ด์„ ๊ฐ–๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค ...

๋ชจ๋“  3 ๋Œ“๊ธ€

@ZigGreen ์ด API๊ฐ€ ๋„์›€์ด ๋ ๊นŒ์š”?
https://github.com/storybooks/react-storybook/blob/master/src/client/preview/client_api.js#L85

์˜ˆ, ์ด API๋Š” ๋‚ด ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ pls๋Š” ๋‚ด๊ฐ€ ๊ทธ๊ฒƒ์„ ์‚ฌ์šฉํ•  ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋น„๊ณต๊ฐœ API ์•„๋‹Œ๊ฐ€์š”?

@์ง€๊ทธ๊ทธ๋ฆฐ

๋‹ค์Œ์€ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ์˜ˆ์ž…๋‹ˆ๋‹ค.

import { storiesOf, getStorybook } from '@kadira/storybook';

storiesOf('React App', module)
  .add('Story 1', () => <Story1 />)
...

const myStories = getStorybook();
console.log(myStories);

๋‹น์‹ ์€ ๋‹น์‹ ์˜ ๋ชจ๋“  storyKind -> ์ด์•ผ๊ธฐ๋ฅผ ๊ฐ€์ง„ ๋ฐฐ์—ด์„ ๊ฐ–๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค ...

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰