サンプルソース説明

事前準備

以下コマンドを実行する

npm install typescript -g
npm install @types/node -g
npm install react-scripts -g

TestScript

Hello Worldを表示するだけのTypeScriptサンプル

TestScript2

TypeScript + Reactのサンプルソース(シンプル版)
リセット済と表示されるだけで、余計なものは全削除している。

TestScript3

TypeScript + Reactのサンプルソース(少しhtmlをいじっている版)
いいねボタンをクリックするとReactの状態管理によりいいね数が増える。

TestScript4

Node.jsでHTTPサーバーを構築した場合の、JavaScriptとTypeScriptのソースコード比較

typescript_sample

TypeScript + React + Vite + ExpressのWebアプリサンプルソース