Reactを書くならTypeScriptで！スマホアプリ作成にも使えるスキルをチェック

Reactはフロントエンド開発のJavaScriptフレームワークとして人気です。

案件の数も多いため、フリーランスエンジニアとしては身に付けておきたいスキルです。

Reactは、TypeScriptを使って書くこともできます。

TypeScriptは、オブジェクト指向の概念が導入されているため、読みやすくて管理しやすい言語です。

オブジェクト指向が導入されているTypeScriptは、Reactと相性が良いため、Reactを書く言語として採用している案件が多くあります。

フリーランスエンジニアとしては、Reactと合わせて身に付けたい言語です。

この記事では人気のReactを、Typescriptで書く方法を紹介します。

ReactをTypeScriptで開発する簡単な環境構築方法

ReactをTypeScriptで開発するための環境は、大きく分けて二つの手順で構築できます。

1.Node.jsのインストール

まず、Node.jsというJavaScriptの実行環境をインストールします。

Node.jpの公式サイトにアクセスして、使用しているパソコンのOSに適したインストーラをダウンロードします。

インストーラがダウンロードできたら、インストーラを実行し、指示に従ってインストールします。

2.create-react-appで環境構築終了

お使いのパソコンにNode.jsがインストールできたら、実際にReactプロジェクトを作成します。

まず、Reactプロジェクトを作りたいフォルダを作成します。

フォルダ名は自由につけて問題ありません。

次に、ターミナル（Windowsの場合はコマンドプロンプト）をそのフォルダで開きます。

Reactプロジェクトを作りたいフォルダでターミナルが開けたら、ターミナルに以下のコマンドを貼り付けて実行します。

「my-app」の部分はアプリケーションの名前となり、小文字のアルファベットとハイフンであれば好きな名前に変更できます。

   npx create-react-app --template typescript my-app 	

上記のコマンドを実行してエラーが表示されなければ、ReactをTypeScriptで開発する準備は完了です。

HiPro Tech

" data-entity-type="file" data-entity-uuid="82e97b86-089f-4b47-b14d-d54ddffc4557" src="https://images.microcms-assets.io/assets/1c254767481146379955c15b3dbc4925/8df07ebc8c0746d78a6c6ae1786cc73d/file.jpg" width="100%" height="289" loading="lazy" />