Skip to content
This repository has been archived by the owner on Aug 31, 2022. It is now read-only.

Storybook周りのリファクタリングを行う #25

Closed
keitakn opened this issue Jul 24, 2020 · 1 comment
Closed

Storybook周りのリファクタリングを行う #25

keitakn opened this issue Jul 24, 2020 · 1 comment
Assignees
@keitakn
Milestone
14 2020-10-26-202...

Comments

@keitakn
Copy link
Member

keitakn commented Jul 24, 2020 •
edited
Loading

Doneの定義

  • 設定ファイル名が 公式サイト と同じ名称になっている事 (.storybook/main.js 等)
  • 公式の @storybook/preset-typescript を利用する形に変更されている事
  • この記事 が修正されている事

補足情報

以下の記事が大変参考になるので、使える設定は参考にする。

https://panda-program.com/posts/nextjs-storybook-typescript-errors
@keitakn keitakn self-assigned this Jul 26, 2020
@keitakn keitakn added this to the 13 2020-10-12-2020-10-25 milestone Oct 18, 2020
keitakn added a commit that referenced this issue Oct 24, 2020
@keitakn
🚧 #25
9505ca0
@keitakn keitakn mentioned this issue Oct 24, 2020
Merged
keitakn added a commit that referenced this issue Oct 25, 2020
@keitakn
⬆️ #25 npm packageを最新に更新
2c0f305
keitakn added a commit that referenced this issue Oct 25, 2020
@keitakn
🔧 #25 ESLintの設定を大幅に変更
361a872
@keitakn
Copy link
Member Author

keitakn commented Oct 25, 2020

メモ

PostCSSを8にしたら以下と同じ問題が発生した。

postcss/postcss-import#435

keitakn added a commit that referenced this issue Oct 25, 2020
@keitakn
⬇️ #25 ReactとPostCSSは最新版だとStorybookが起動しないのでダウングレード
cdb163c
keitakn added a commit that referenced this issue Oct 25, 2020
@keitakn
🔧 #25 stylelintの設定の一部が無効になっていたので極力シンプルなルールに変更
b07bbca
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
♻️ #25 既に非推奨になっているので@storybook/addon-infoを@storybook/addon-docsに置き換え
44ee95a
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
➖ #25 storybook関連は最小限にしたいので、不要なpackageを削除
92055a9
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
♻️ #25 Storybookの構成をシンプルな構成に出来たので修正
4bf9701
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
🔧 #25 mdx形式のファイルも対象に含めるように変更
355148b
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
♻️ #25 addonsの書き方を修正（registerは不要なので削除）
decf794
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
♻️ #25 storySortの部分を公式サイトに載っている例に変更
f4c1220 
https://storybook.js.org/docs/react/writing-stories/naming-components-and-hierarchy
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
🐛 #25 検証で変更した内容をコミットしてしまいスナップショットテストがコケていたので修正
481d6c0
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
➖ #25 Storybookの設定が簡易化した事で不要になった依存packageを削除
ef75577
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
🔧 #25 ESLintの更新を行った結果、大量のエラーが出るようになったので一時的にCIでのチェックを無効化
8186de1
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
🐛 #25 コメントアウトは正常に認識されないようなので削除するように変更
0a27f63
keitakn added a commit that referenced this issue Oct 26, 2020
@keitakn
🔧 #25 jestの設定ファイルで非推奨になっている書き方が残っていたので修正
8581611
@keitakn keitakn closed this as completed Oct 28, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@keitakn keitakn

Labels
None yet
Projects
None yet
Milestone
14 2020-10-26-2020-11-08
Development

No branches or pull requests
1 participant
@keitakn