ウェブサイト検索

reactjs - TypeScriptでの型の効率的な管理


私は仕事で大規模なTSプロジェクトに取り組んでおり、それが大好きです。プロジェクトを始めたとき、私たちはすべてのカスタム定義されたインターフェースと型を単一のtypes.tsファイルに保存し、それぞれをエクスポートしていました。こうすることで、各モジュール(私たちの場合はReactコンポーネント)で必要な型だけをimportすることができました。この意味で、ここで定義されているglobal.d.tsファイルを実質的に持っているのですが、types.tsのexport構文のおかげで、実際にモジュールであるという追加の利点があります。

もちろん、プロジェクトは規模が拡大しており、これらの定義を別の場所に移す時期です。私の質問は、実際に別々の .d.ts ファイルを作成してこれを行う方法です。各コンポーネント(またはコンポーネントグループ)ごとに別々の .d.ts ファイルを持ち、それらを単一の index.d.ts で参照すべきでしょうか?それとも現状のままにしておいた方が良いでしょうか?他に提案はありますか?本当に知りたいのは、他の開発者がどのように型定義をスケーラブルかつメンテナブルに管理しているかというアドバイスです。私たちは TS 2.4.2 を React、Redux、redux-saga、webpack と共に使用しています。