テーブルの型付けを改善した話

自己紹介

https://gyazo.com/ede5513f60ee4763a0021ef4d2c6ccfa

Yugo Yagita

ゆめみの23卒フロントエンドエンジニア、テックリード

アクセシビリティタスクフォース

謝罪

型を追い込んでいたら資料が突貫工事になってしまいました

後日記事に清書します…

TypeScriptの型にどんな印象を持っていますか？

なんか怒ってくるやつから @ts-ignore つけるやつ

すごい人がすごいことやってるやつ

実務で役立つ型プログラミング、あります

今回の例：テーブル

デモ

型が主役なので、UIとしての完成度は低いです

chadcn/ui、react-hook-form、valitbotなどを使用していますが、他の技術でも似たようにできると思います

https://gyazo.com/530be5866a0f70ee1515b8d83a0ff4cc

これまでは

テーブルの定義があちらこちらに分散していた

修正があるといろんなところを変えていかなきゃいけなかったり

追加、消し忘れがあったり

すぐに string が出てくる

リファクタリングしてみて…

どうやってやっているの？

ここでは、そのエッセンスであるinfer と再帰について話します！

infer

再帰

どうやってメンテナンスするか

型を分割する

コメントを残す

強い型付け、やってみませんか？