storybook の Args の型推論をオプショナルじゃなくする
2022-04-24
ブログ
なぜこの記事を書いたか
Why CSF Args Type is Partial type ?でも語られている通り、Storybook でコンポーネントに Args(Props)を渡す際、すべてのプロパティがオプショナルになってしまう。 これでは、必須のプロパティを渡していなくても型エラーを検知できず、ランタイムエラーが発生してしまう。 上記リンクでも問題提起はされていて、解決されそうなので多分そのうち問題はなくなるはず。だけど、僕は今型定義が欲しいので、それっぽい感じにしてみた。解決策
Why CSF Args Type is Partial type ? ##issuecomment-901117408を参考にしている型定義(Generics)
Loading...
各ストーリーブックで型定義
Loading...
各ストーリーオクジェクトに型付け
Loading...
動作
onPinTaskが無いぞというのを警告してくれる。
Props の型定義
ちなみに props の定義はこうLoading...
免責
ちゃんと動かないパターンもあると思うので、そのへんはよしなに改造してください。関連
reactReact×Recoil×Storybook を動かすBEMを始めとした手法はReactやVueには不向き(不要)Container・PresentationalコンポーネントReact.Children.mapReactとVueの比較(2021)Reactのconditional renderとdisplay noneの違いReactのsetStateで設定した値を同期的に反映させるにはReactのuseCallBack地獄ReactのuseEffectでのアンマウント処理は普通の更新や遷移では発火しないReactのディレクトリ構造Reactの技術質問の想定React・VueなどのJS系フレームワークとJS・jQueryは何が違うのかreactでビューに状態（計算？）をもたせちゃいけない？reactで巨大なリストやグリッドの再描画問題state→❌️値を保持 ⭕️再レンダリングを引き起こす状態を保持「3種類」で管理するReactのState戦略マイクロフロントエンド(SPA)行動規範の参考👀useCallbackはとにかく使え！ 特にカスタムフックでは👀本当に倒すべきだったのは jQuery ではなくテンプレートエンジンだった📄Obsidianで使うタイトル用語集🤔VueとReactの最終検討 @20210803
月別アーカイブ