memo @240208

Storybook 8 Beta

https://storybook.js.org/blog/storybook-8-beta/

デフォルトのコンパイラがBabelからSWCとなったことによって劇的に高速になる。React Native StorybookというのもあってReact Nativeのコンポーネントカタログとしても機能する。Storybookを使うとストーリーをテストケースとして活用できるため、自動的な視覚テストが可能になる。コードの変更前後でストーリーを比較し、コミットを行わずにレビューのための差異を指摘できる。この過程を向上させるために、2017年にはChromaticを立ち上げてる。これはクラウドサービスであり汎ゆる変更の前後でストーリーのスナップショットを比較することによって、視覚テストを自動化できる。

Storybookのversion8はChromaticとStorybookの間のギャップが解消され@chromatic-com/storybook）がStorybookに追加された。これによって変更をコミットせずに、
ストーリーの視覚テストをその場で実行できる。開発環境内のStorybookで結果も確認できる。
最新verは実験的にRSCのサポートを公式に導入しており当初はNext.jsプロジェクトに限定される。
もともとStorybookは一部Reactに依存があってReact以外のユーザーにとって悩ましかったけどもその依存が解消される。

SVG Repo

https://www.svgrepo.com/

SVGアイコンを横断的に探せる。