[TS]Reasons to use TS in React
3296 ワード
なぜReactでTSを使うのですか?
Type Scriptプロパティ
1.静的言語
これに対して、
欠点はタイプを指定する必要があり、コード量が増加し、コンパイル時間が長いことです.
2.JSのSuperset
3.オブジェクト向けプログラミングサポート
なぜTypeScriptを使うのですか?
1.可読性が良くなる.
2.互換性
3.広大な生態系
ほとんどのライブラリは
TypeScriptハングルドキュメント
https://typescript-kr.github.io/
4.漸進的な切り替えが可能
既存の
Type Scriptプロパティ
1.静的言語
JS
は動的言語で、実行時にエラーが発生します.これに対して、
TS
は静的言語であり、コード作成段階でタイプをチェックしてエラーを確認し、予めタイプを指定して速度を速めることができる.欠点はタイプを指定する必要があり、コード量が増加し、コンパイル時間が長いことです.
2.JSのSuperset
TS
は、JS
基本構文にTS
構文を追加する言語である.したがって、拡張子をJSからTS
に変更してコンパイルして使用することができる.3.オブジェクト向けプログラミングサポート
TS
は、ES6
に追加された構文を含み、クラス、インタフェース、および継承などのオブジェクト向けのプログラミングモードを提供する.なぜTypeScriptを使うのですか?
1.可読性が良くなる.
Typescript
はinterface
type
であり、props
を事前に定義することができ、コードの読み取りと使用を容易にすることができる.export interface Props {
name: string;
age: number;
}
const Member = ({name, age}: Props) =>{
return(
<>
<div>{name}</div>
<div>{age}</div>
</>
);
}
目的を満たすためにType
を宣言する必要があります.正しくない場合は、変数または関数のエラーによってエラーを事前に排除します.また、コードの自動補完またはフィードバックも提供され、操作とデバッグを同時に行うことができます.JS
エラーの15%は、TS
を検出することができる.2.互換性
TS
はJS
と100%互換性があります.したがって、フロントエンドおよびバックエンドをJS
として開発すれば、TS
を用いてもよい.3.広大な生態系
ほとんどのライブラリは
TS
をサポートし、複数のIDEはプラグインをサポートします.TypeScriptハングルドキュメント
https://typescript-kr.github.io/
4.漸進的な切り替えが可能
既存の
JS
プロジェクトをTS
に変換する場合は、いくつかの機能にTS
を導入するだけで、徐々に移行することができます.Reference
この問題について([TS]Reasons to use TS in React), 我々は、より多くの情報をここで見つけました https://velog.io/@jhjeong00/TSReasons-to-use-TS-in-Reactテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol