【React】+ 【Storybook addon】の追加　途中です

Storybook Official addons

Storybookでは公式のアドオンを指定しており、必須度が高いaddonsを紹介する

storybook公式ドキュメント

Actions

「インタラクティブ要素でアクションが実行されたときにUIフィードバックを取得する」

イベントハンドラー（コールバック）引数によって受信されたデータを表示してくれる。

デザイン面というより、ボタンなどの挙動確認で使うのに便利なアドオン。

Storybook Addon Remix React Router

1. インストール

以下コマンドを実行する。

npm install -D storybook-addon-remix-react-router

2. 設定追加

以下を設定ファイルに追加する。

// .storybook/main.ts

const config: StorybookConfig = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  addons: [
    ...
    'storybook-addon-remix-react-router', ★新規追加
  ],
  ...
};
export default config;