ODY-293 Introduce Storybook and add MainCard #11
Conversation
tom-takeru
force-pushed
the
feature/ODY-293
branch
from
ce94a4a
to
77fe0ea
Compare
| module.exports = config; | ||
| defaultConfig.resolver.resolverMainFields.unshift('sbmodern'); | ||
|
|
||
| module.exports = defaultConfig; |
There was a problem hiding this comment.
| "format:fix": "prettier --write .", | ||
| "storybook-generate": "sb-rn-get-stories", | ||
| "storybook-watch": "sb-rn-watcher", | ||
| "storybook": "sb-rn-get-stories && STORYBOOK_ENABLED='true' expo start" |
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| borderTopLeftRadius: 25, | ||
| borderTopRightRadius: 25, |
There was a problem hiding this comment.
[メモ]ReactNativeでは四隅に個別の角丸を指定する方法を解説(応用編)ができないらしい
app/(tabs)/index.tsx
Outdated
| <InputHour label='Time' /> | ||
| <InputHour label='Time' /> | ||
| <InputHour label='Time' /> | ||
| <InputHour label='Time' /> |
There was a problem hiding this comment.
[Q] こちらの入力フォームってWebの方だと全て同じコンポーネント（MainCartInput）で実装したのですが、今回時間用のコンポーネントに絞った理由って何かあるのでしょうか？🙏
There was a problem hiding this comment.
たしかにそうですね、、、。
Figmaで分けて作っていたので（添付）、なんとなく分けて作っていました、、、。
と思ったんですが、単位の位置が前か後ろか？みたいなことを考えてこうしてたっぽいですね。
全部propsにしてもう少し汎用的なコンポーネントにしてみます！
- InputHour.tsx→Input.tsx
|
@tom-takeru モバイル版のStorybookの使い方を以前画面共有しながら教えていただいたかと思うのですが、資料などはどこかに |
.eslintignore
Outdated
| @@ -0,0 +1,3 @@ | |||
| * | |||
There was a problem hiding this comment.
eslintignoreは廃止されたみたいな記事みたんだけど、使わないほうが良かったりするかなぁ
https://qiita.com/satoruk/items/48627a86d3ac51eff43b
There was a problem hiding this comment.
軽くこのファイル使わないやり方調べてみて時間かかりそうなら別チケットで起票しようかな。
- .eslintignoreファイルを使わずにlintする対象フォルダを指定する方法を調査
とりあえず各コマンドの使い方を簡単にREADME.md作って記載してみますね！
このPRにおける動作確認の方法は説明欄のその他の部分に追記しておきました！ |
|
|
動作確認した 少し気になる点あったから、記載する
|
こっちのローカルでも差分出てた、、、。コミットしてプッシュしたんだけどどう？
忘れてた。入れといた！ |
事前確認
developブランチを反映しているかレビュー優先度（どれか一つ）
レビューの度合い
レビュワーによる動作確認
やったこと
やらないこと
Storyのファイルとコンポーネントのファイルを同じフォルダに配置すること（現状はstoriesフォルダにストーリーファイルがある）
懸念点や注意点
他の開発のブロッカーにもなっているのではやめにレビューをお願いします。
その他
Storybookの動作確認方法
npm run storybookで起動storybookタブを押下