typescript-generics-tutorial - TypeScript でのジェネリックの使用に関するインタラクティブなチュートリアル

(Interactive tutorial on using generics in TypeScript)

Created at: 2022-08-30 18:39:10
Language: TypeScript

TypeScript のジェネリック: ディープ ダイブ

TypeScript のジェネリックは、並外れた言語の最も強力で、あまり文書化されていない機能の 1 つです。これらは、お気に入りのオープンソース ライブラリで見られる魔法のようなものを可能にします。

このモジュールでは、実際のオープンソース ライブラリから取得した実用的な例を使用して、ジェネリックに関する知識を構築します。完了すると、自信を持って自分のアイデアを試し始めることができます。

前提条件

このモジュールは初心者にはお勧めできません。以下を完了する必要があります。

  1. 初心者向け TypeScript
  2. 中間 TypeScript - まだ完成していません
  3. 型変換 - まだ完了していません

それでも、続行したい場合は、どうぞ!

作業中!

このモジュールは進行中です。演習は順不同で表示される場合があり、

FUTURE
ノート内に多くのコンテンツが含まれる可能性があります。

演習を実行することはできますが、途中でいくつかの問題が発生することを期待してください。

クイックスタート

このリポジトリを複製するか、Gitpod で開きます。

# Installs all dependencies
yarn install

# Starts the first exercise
yarn exercise 01

# Runs linting and tests on the solution
yarn solution 01

受講方法

コースが演習に分かれていることがわかります。各演習は と に分かれて

*.problem.ts
*.solution.ts
ます。

演習を行うには:

  1. に入る
    *.problem.ts
  2. 実行
    yarn exercise 01
    01
    のエクササイズの番号です。

この

exercise
スクリプトは、演習で TypeScript タイプチェックとテスト スイートを実行します。

このコースは、能動的で探索的な学習を奨励します。ビデオでは、私が問題を説明し、解決策を見つけるよう求められます。解決策を試すには、次のことを行う必要があります。

  1. TypeScriptのドキュメントをチェックしてください
  2. 関連性がありそうなものを探してみてください。
  3. 問題が解決するかどうか試してみてください。

テストに合格するので、成功したかどうかがわかります。

成功した場合、または行き詰まった場合は、ビデオの一時停止を解除して、

*.solution.ts
. あなたのソリューションが私のソリューションよりも優れているか悪いかがわかります!

yarn solution 01
実行して、ソリューションでテストと型チェックを実行できます。

謝辞

Twitterまたは彼のDiscordに参加して、Matt に感謝の意を伝えましょう。彼のTotal TypeScript コースにサインアップすることを検討してください。

参照

yarn exercise 01

エイリアス:

yarn e 01

対応する

*.problem.ts
ファイルを実行します。

yarn solution 01

エイリアス:

yarn s 01

対応する

*.solution.ts
ファイルを実行します。複数ある場合は、最初の 1 つだけを実行します。