目的

以下の書籍を読んだTS初心者かつJS経験者が、実際のプロダクトを覗くことで
書籍によってどこまで実践的な知識を身につけられたか確認します

「プロを目指す人のためのTypeScript入門」（鈴木僚太）2022年

本記事は単体で読めますが、読了後の感想はこちら

実践

リポジトリ：

著者の方が作成されたChrome拡張機能です
入力欄でショートカットキーを押すと「█」が入力できる機能ですね
デモはこちら

主要部分は2018年に作成されたコードのため、ならしとして見ていきます

lib/ 配下

DOM操作用関数が多く存在しますが、関数名と型注釈だけ見れば役割が分かるコードのお手本として参考になりました
Classなどの再利用性を高める機能は不使用でしたが、シンプルなロジックのためオブジェクト型の直利用で問題ないという判断だと思います

RealWorldについてはこちらの記事が分かりやすかったです↓

リポジトリはこちら：

TypeScript + React + Redux Toolkitによるフロントエンド実装です

src/types/user.ts

ユーザ情報を扱うオブジェクト

####コード分析
interface + extendsで目的に応じてユーザオブジェクトが保持するプロパティを変化させている

src/services/conduit.ts

CRUDを行うデータアクセス層

前述のuser.ts含む型定義を用いて各メソッドの引数・返り値を定義

オブジェクト型を直接ロジックに宣言するよりも再利用性が高くなっています

今回参考にさせていただいたプロダクトではあくまでも静的型付け言語としての強みを確認するに留まりました

書籍で学習したTSの強みである、柔軟で複雑な型表現が必要になる場面というのはなかなか限定的なのかなと思います
本書籍に関する記事の執筆は今回で終了しますが、今後Typeによる型宣言が実際どういった場面で用いられるのかについて参考になるプロダクトがあれば更新するかもしれません