Storybook 㨠Vitest ã®çµ±åˆã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆNote Storybook Vitest Plugin 㯠2024 å¹´ 10 月 5 æ—¥ç¾åœ¨å®Ÿé¨“çš„ãªæ©Ÿèƒ½ã¨ã—ã¦æä¾›ã•ã‚Œã¦ãŠã‚Šã€API ãŒå°†æ¥ã«ã‚ãŸã£ã¦å¤‰æ›´ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Storybook v8.3 よりã€ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’テストã™ã‚‹ãŸã‚ã®ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ã¨ã—㦠Vitest を使用ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚今ã¾ã§ã‚‚ composeStories 関数ã§ä½œæˆæ¸ˆã¿ã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’使ã„ã¾ã‚ã—ã€Jest ãªã©ã®ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ã‚’用ã„ã¦ãŸãƒ†ã‚¹ãƒˆã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã—ãŸãŒã€è¤‡é›‘ãªã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ãŒå¿…è¦ã§ã—ãŸã€‚ ã¾ãŸ Vitest ã§ã¯ ブラウザモード ã«ã‚ˆã‚Šã€ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ラウザ上㧠Storybook ã®ãƒ†ã‚¹ãƒˆã‚’高速ã«å®Ÿè¡Œã§ãる点ãŒç‰¹å¾´ã§ã™ã€‚ヘッドレスブラウザ上ã§ãƒ†ã‚¹ãƒˆã‚’実行ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ä¾‹ãˆã° jsdom ã‚„ happy-dom ãªã©ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使用ã™ã‚‹æ–¹æ³•ã¨æ¯”ã¹ã¦ã€å®Ÿéš›ã®ãƒ–ラウザã§ã®æŒ™å‹•ã‚’よ
React 18ã«ã‚ˆã‚‹ã‚¢ãƒ—リケーションã®ãƒ‘フォーマンスå‘上ã«ã¤ã„㦠- Vercel
WebãŒæ—¥å¸¸ã«æº¶ã‘込んã 新時代ã§ã€Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚ャリアã®æœªæ¥ã‚’考ãˆã¦ã¿ã‚‹ | CyberAgent Way サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢
LINE NEWS フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã®æ”¹å–„
ã€JavaScript】コードã®è¦‹é€šã—を良ãã™ã‚‹ç‚ºã«æ„è˜ã—ã¦ã„る事10é¸
[Next.js]フãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆã®ã‚³ã‚¹ãƒˆã¯Storybookã§å‰Šæ¸›å‡ºæ¥ã‚‹![[Next.js]フãƒãƒ³ãƒˆãƒ†ã‚¹ãƒˆã®ã‚³ã‚¹ãƒˆã¯Storybookã§å‰Šæ¸›å‡ºæ¥ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/92b7b04788f510c30709cc61df382bfe13d5b11a/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--nAeOk0Ql--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%25255D%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AE%2525E3%252582%2525B3%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AFStorybook%2525E3%252581%2525A7%2525E5%252589%25258A%2525E6%2525B8%25259B%2525E5%252587%2525BA%2525E6%25259D%2525A5%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E7%2525A9%2525BA%2525E9%25259B%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VlZTgzMDYyMDQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
ã¤ã„ã«æ¥ã‚‹! TypeScript 5.0ã®æ–°æ©Ÿèƒ½ã‚’全紹介 @uhyo
Udemyã®ç•ªäººãŒãŠã™ã™ã‚ã™ã‚‹è¬›åº§ - Qiita
次世代ゼãƒãƒ©ãƒ³ã‚¿ã‚¤ãƒ CSS-in-JS「macaronã€ã®å°Žå…¥æ–¹æ³•ã‚’調ã¹ã¦ã¿ãŸ - RAKUS Developers Blog | ラクス エンジニアブãƒã‚°
2023年最新版: HTMLã®headã®æ›¸ãæ–¹ã€head内ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
Recoil selector活用パターン ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç·¨
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã®ãƒ¢ãƒƒã‚¯ã«ã¯ msw を使ã†ã®ãŒæœ€è¿‘ã®æµè¡Œã‚Šã‚‰ã—ã„
ã¼ããŸã¡ãŒã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®Storybook 〜より高å“質ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’求ã‚ã¦ã€œ
TypeScript 4.9ã®as const satisfiesãŒä¾¿åˆ©
ã¤ã„ã«æ¥ã‚‹ï¼TypeScript5.0ã®æ–°æ©Ÿèƒ½
React18 è¨è¨ˆã¨ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ューã®è¦³ç‚¹
Why Is My Jest Suite So Slow?
GitHub - ehmicky/modern-errors: Handle errors in a simple, stable, consistent way
HerbsJS - Build microservices with DDD and Clean Achitecture
ステート管ç†ã‚’超ãˆã‚‹Recoilé‹ç”¨ã®è€ƒãˆæ–¹
{{#tags}}- {{label}}
{{/tags}}