Storybook Tutorialsã“ã“ã¾ã§ã€ãƒãƒ¼ã‚«ãƒ«ã®é–‹ç™ºãƒžã‚·ãƒ³ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作æˆã—ã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€ã‚る時点ã§ã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å¾—ã‚‹ãŸã‚ã«ãƒãƒ¼ãƒ ã«ä½œæ¥ã‚’共有ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ãƒãƒ¼ãƒ メート㫠UI ã®å®Ÿè£…をレビューã—ã¦ã‚‚らã†ãŸã‚ã€Storybook をインターãƒãƒƒãƒˆä¸Šã«ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã¿ã¾ã—ょã†ã€‚ é™çš„サイトã¨ã—ã¦ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã™ã‚‹ Storybook をデプãƒã‚¤ã™ã‚‹ã«ã¯ã€ã¾ãšé™çš„サイトã¨ã—ã¦ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã¯ã™ã§ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã€ä½¿ãˆã‚‹çŠ¶æ…‹ã¨ãªã£ã¦ã„ã‚‹ã®ã§ã€è¨å®šã«ã¤ã„ã¦æ°—ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 yarn build-storybook を実行ã™ã‚‹ã¨ã€storybook-static ディレクトリー㫠Storybook ãŒé™çš„サイトã¨ã—ã¦å‡ºåŠ›ã•ã‚Œã¾ã™ã®ã§ã€é™çš„サイトã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“スã®ãƒ‡ãƒ—ãƒã‚¤å‡ºæ¥ã¾ã™ã€‚ Storybook を発行ã™ã‚‹ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã€Storybook ã®ãƒ¡ãƒ³
storybookã‚’ç†è§£ã™ã‚‹
StorybookãŒViteã®Builderã§å‹•ã‹ãªã„å•é¡Œã®å›žé¿ç–
Webpack App
Component 実装ã¨æ–‡åŒ–を支ãˆã‚‹è‡ªå‹•åŒ–ツール | Recruit Tech Blog
Storybook Tutorials
How to remove preview body padding in SB 6.0? · Issue #12109 · storybookjs/storybook
Intro to Storybook for React with Figma - [React Storybook Tutorial]
React: `_jsx is not defined` error · Issue #12952 · storybookjs/storybook
storybook/MIGRATION.md at master · storybookjs/storybook
Figma ✕ React Storybook ã§ä½œã‚‹ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ング & スタイルガイド - Qiita
プãƒãƒ€ã‚¯ãƒˆé–“共通㮠React コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリをé‹ç”¨ã™ã‚‹è©± - SmartHR Tech Blog
Storybookã¨reg-suitã§æ°—軽ã«ã¯ã˜ã‚ã‚‹Visual Regression Testing - wadackel.me
Docz
Storybookã®æ—¨å‘³ã‚’ã—ゃã¶ã‚Šå°½ãã™
Storybook+AtomicDesignã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒé–‹ç™ºã«å‚åŠ ã—ãŸè©± | Nagisaã®ã™ã‚ã‚
UI開発ã®æµã‚ŒãŒå¤‰ã‚ã‚‹ï¼React Storybookã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚開発者も幸ã›ã«ãªã‚Œã‚‹
React Storybook を触ã£ã¦ã¿ã‚‹
{{#tags}}- {{label}}
{{/tags}}