Storybook
Task.stories.jsなどとstoryを書く
defaultで、component, titleを指定する
decoratorでstyleなども設定
defaut以外は? template.bind({})して、args にデータ、アクションを渡す?
componentのpropsに対応する
参考:
CSFは、title、component、decorators、parametersでコンポーネントに関するメタデータを定義します。
ここからは、簡単なコンポーネントカタログを作ってみましょう
addon
veiwport
knob: これはStorybook上でPropsの値を変更できます
@202106 v6, 簡単なtutorialから始めたい場合
今回はv6の導入記事なので、npx sb init
全ページをストーリー化するのではなく一部のコンポーネントのみをストーリーにする、もしくは効率のデータ指定の方法を考える
Storybookとサーバサイドの通信は行えないため
通信を行う関数を注入できるように変更....通信するコンポーネントを外部化する発想....嬉しい誤算