TypeScript in the browser

    • Install
    • Install Git
    • Create a project dir:
    2. cd your-project
    • Create tsconfig.json:
    • Create package.json.
    1. {
    2.   "name": "react-typescript",
    3.   "version": "0.0.0",
    4.   "license": "MIT",
    5.     "type": "git",
    6.     "url": "https://github.com/basarat/typescript-react.git"
    7.   },
    8.   "scripts": {
    9.     "build": "webpack ./webpack.config.js -p",
    11.   },
    12.   "dependencies": {
    13.     "@types/react": "16.0.40",
    14.     "@types/react-dom": "16.0.4",
    15.     "react": "16.2.0",
    16.     "react-dom": "16.2.0",
    17.     "ts-loader": "4.0.1",
    18.     "typescript": "2.7.2",
    19.     "webpack": "4.1.1",
    20.     "webpack-dev-server": "3.1.1"
    21.   }
    22. }
    • Create a to bundle your modules into a single app.js file that contains all your resources:
    • public/index.html file that will be served from your webserver: 
    1. <html>
    2.   <body>
    3.       <div id="root"></div>
    4.       <script src="./build/app.js"></script>
    5.   </body>
    6. </html>
    • src/app/app.tsx that is your frontend application entry point:

    Develop your amazing application

    • Do live development by running npm start.