テーブルの型付けを改善した話
自己紹介
https://gyazo.com/ede5513f60ee4763a0021ef4d2c6ccfa
Yugo Yagita
ゆめみの23卒フロントエンドエンジニア、テックリード
アクセシビリティタスクフォース
謝罪
型を追い込んでいたら資料が突貫工事になってしまいました
後日記事に清書します…
TypeScriptの型にどんな印象を持っていますか?
なんか怒ってくるやつから @ts-ignore つけるやつ
すごい人がすごいことやってるやつ
実務で役立つ型プログラミング、あります
今回の例:テーブル
デモ
型が主役なので、UIとしての完成度は低いです
chadcn/ui、react-hook-form、valitbotなどを使用していますが、他の技術でも似たようにできると思います
https://gyazo.com/530be5866a0f70ee1515b8d83a0ff4cc
これまでは
テーブルの定義があちらこちらに分散していた
修正があるといろんなところを変えていかなきゃいけなかったり
追加、消し忘れがあったり
すぐに string が出てくる
リファクタリングしてみて…
どうやってやっているの?
ここでは、そのエッセンスであるinfer と再帰について話します!
infer
再帰
どうやってメンテナンスするか
型を分割する
コメントを残す
強い型付け、やってみませんか?