Storybook 㧠Apollo Client ã® useFragment を扱ã†Apollo Client 3.8 ã‹ã‚‰ useFragment ã¨ã„ㆠReact hook ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ 今回ã¯ã“ã® useFragment を利用ã—ã¦ã„ã‚‹ Component を対象ã¨ã—ãŸãƒ†ã‚¹ãƒˆã‚„ Storybook ã®æ›¸ãæ–¹ã«ã¤ã„ã¦ã®è¦šæ›¸ã§ã™ã€‚ 先日ã«åˆ¥ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ã€Storybook ã®è¨˜è¿°ã«éš›ã—ã¦ç›¸è«‡ã‚’å—ã‘ãŸéš›ã®ã‚„ã‚Šå–ã‚Šã‚’å…ƒãƒã‚¿ã¨ã—ã¦ã„ã¾ã™ã€‚ ãªãŠã€é€”ä¸ã®ã‚³ãƒ¼ãƒ‰ãŒé•·ããªã‚Šãã†ãªãŸã‚ã€å…ˆã«è¨˜äº‹ã§å–り扱ã„ãŸã„トピックを挙ã’ã¦ãŠãã¾ã™ã€‚ useFragment を利用ã—ã¦ã„ã‚‹ Component ã® Storybook ãŒè¨˜è¿°ã§ãるよã†ã«ãªã‚‹ã“ã¨Storybook ã§æ‰±ã† Fragment ã®ã‚¹ã‚¿ãƒ–データã®æ§‹ç¯‰ã«ä¸€å®šã®æŸ”軟性をæŒãŸã›ã‚‹ã“ã¨å„トピックã«å¯¾å¿œã™ã‚‹è§£ã¨ã—ã¦ã€ã“ã®è¨˜äº‹ã§ã¯ä»¥ä¸‹ã®æ–¹å¼ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Apollo Cache を用æ„ã—ã€Story æç”»å‰ã«æ‰€æœ›ã®çŠ¶
Storybook 8
Storybookを書ãã ã‘ã§ãƒªã‚°ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ãƒ†ã‚¹ãƒˆãŒ 実行ã•ã‚Œã‚‹ä¸–ç•Œã¸ã‚ˆã†ã“ã
Integrate Next.js and Storybook automatically
Improved type safety in Storybook 7
2023å¹´ã«Visual Regression Testingを始ã‚ã‚‹ãªã‚‰ã©ã‚“ãªé¸æŠžè‚¢ãŒã‚ã‚‹ã‹
Storybookã®ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼
storybook-chrome-screenshotã¨zisuiã¨Storycapã¨
Storybook × MSW × Chromaticを使ã£ãŸUIã®å½±éŸ¿ç¯„囲を自動検知ã™ã‚‹ãŸã‚ã®å–り組㿠- ZOZO TECH BLOG
ビジュアルリグレッションテストã«Chromaticã‚’å°Žå…¥ã—ãŸã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ãƒ“ューãŒæ—ã£ãŸè©± - Money Forward Developers Blog
Integrations | Storybook: Frontend workshop for UI development
Get started with Storybook and Next.js
FOLIOã®ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã®è£å´ – Yosuke Kurami – Medium
ビジュアルリグレッションテストを導入ã—ãŸè©± - メドピア開発者ブãƒã‚°
Storybook 㨠Chromatic ã§ãƒ“ジュアルリグレッションテストを実施ã™ã‚‹ - BASEプãƒãƒ€ã‚¯ãƒˆãƒãƒ¼ãƒ ブãƒã‚°
Interaction Testing sneak peek
Pull Requestã”ã¨ã«StorybookãŒãƒ“ルドã•ã‚ŒãŸã‚‰æœ€é«˜ã˜ã‚ƒã？ - Studio Andy
react-storybookを用ã„ãŸReactコンãƒãƒ¼ãƒãƒ³ãƒˆé–‹ç™º - Hatena Developer Blog
{{#tags}}- {{label}}
{{/tags}}