React.FunctionComponent<React.SVGProps<SVGSVGElement>> などを学習するには？

Question

みなさまこんにちは！
現在TypeScriptを勉強中のものです。

TypeScriptで記述されたコードにはよく以下のようなものが含まれますが、それらを説明したドキュメントをご紹介いただけますでしょうか。

export type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;

具体的にはReact.FunctionComponent...のような記述方法を説明したドキュメントになります。

以下のサイト以外にありましたら、ご紹介くださいませ。
https://react-typescript-cheatsheet.netlify.app/

Comments

[maisumakun]

いま、その表記について「わかること」「わからないこと」はそれぞれなんでしょうか？

[shunki1023]

わかること
・Reactに関連した型ということ
・React及びTypeScriptの公式ドキュメントに記載がないこと
わからないこと
・これらを説明した公式サイトのURL
・こういった型付けはどうして必要なのか（プリミティブな型で済むのではないか）
など

不明点が多いため、公式サイトのURLをご教授いただき、そこで自身で調べようと考えております。

Answer 1

こういった型付けはどうして必要なのか（プリミティブな型で済むのではないか）

定義を調べてみればわかりますが、巨大なオブジェクト型なので、全部を手で書いていては冗長になりすぎます。

Comments

[maisumakun]

> これらを説明した公式サイトのURL

そもそも、型定義は公式のものではなく、DefinitelyTypedというプロジェクトで作成されたものです。

https://github.com/DefinitelyTyped/DefinitelyTyped