[TS]Reasons to use TS in React


なぜReactでTSを使うのですか?
Type Scriptプロパティ
1.静的言語JSは動的言語で、実行時にエラーが発生します.
これに対して、TSは静的言語であり、コード作成段階でタイプをチェックしてエラーを確認し、予めタイプを指定して速度を速めることができる.
欠点はタイプを指定する必要があり、コード量が増加し、コンパイル時間が長いことです.
2.JSのSupersetTSは、JS基本構文にTS構文を追加する言語である.したがって、拡張子をJSからTSに変更してコンパイルして使用することができる.
3.オブジェクト向けプログラミングサポートTSは、ES6に追加された構文を含み、クラス、インタフェース、および継承などのオブジェクト向けのプログラミングモードを提供する.
なぜTypeScriptを使うのですか?
1.可読性が良くなる.Typescriptinterfacetypeであり、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.互換性TSJSと100%互換性があります.したがって、フロントエンドおよびバックエンドをJSとして開発すれば、TSを用いてもよい.
3.広大な生態系
ほとんどのライブラリはTSをサポートし、複数のIDEはプラグインをサポートします.
TypeScriptハングルドキュメント
https://typescript-kr.github.io/
4.漸進的な切り替えが可能
既存のJSプロジェクトをTSに変換する場合は、いくつかの機能にTSを導入するだけで、徐々に移行することができます.