アドバンストチートシート

このアドバンストチートシートは、再利用可能な型ユーティリティ/関数/レンダープロップ/高階コンポーネントや、TS + React ライブラリを作成する方に対して、ジェネリック型の高度な使い方を示し、説明することを目的としています。

• また、熟練したユーザー向けのその他のヒントやテクニックも含まれています。
• DefinitelyTyped への貢献に関するアドバイス
• 目標は TypeScript を最大限に活用することです。

React + TypeScript ライブラリの作成

現在、React + TS ライブラリを作成するための最適なツールは、tsdx です。npx tsdx create を実行し、「react」オプションを選択します。React ユーザーガイドでは、React + TS ライブラリのベストプラクティスと本番環境向けの最適化に関するヒントをいくつかご覧いただけます。

もう 1 つのオプションは、Rollup と TypeScript コンパイラ（Babel ではなく）を使用してパッケージを作成する Rollpkg です。TypeScript、Prettier、ESLint、Jest の既定の構成（React と組み合わせて使用するように設定）に加えて、ビルドごとの Bundlephobia パッケージ統計が含まれています。

• また、ライブラリの tsconfig 設定に関するbasarat のガイドも確認してください。
• Alec Larson: TypeScript ライブラリ用の最適な Rollup 設定
• Angular の世界から、https://github.com/bitjson/typescript-starter を確認してください。