Skip to content
A simple sample of React in TypeScript
TypeScript JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
.gitignore
.prettierrc
README.md
index.html
package.json
tsconfig.json
webpack-production.config.js
webpack.config.js

README.md

TypeScript-React-Demo

TypeScript で書いた React のデモ

Demo

テキストフォームに入力した名前を表示する Hello World。

https://maechabin.github.io/typescript-react-demo/

Demo のソースコード

Demo の確認

1. Demo のダウンロード(clone)

$ git clone git@github.com:maechabin/typescript-react-demo.git typescript-react-demo

2. Demo を clone したディレクトリに移動して、必要なパッケージのインストール

$ cd typescript-react-demo
$ npm install

3. Demo を開く

$ open ./index.html

Demo の修正 => webpack でビルド

1. 「.src/Hello.tsx」を修正したら、以下のコマンドを実行

$ npm run build

ファイルを監視して webpack をビルドする場合

$ npm run watch

HMR を使用する場合

$ npm run server

http://localhost:8080で確認

2. Demo を開く

$ open ./index.html
You can’t perform that action at this time.