> ## Content Index
> Fetch the complete content index at: https://www.jonathancreamer.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Getting started with TypeScript, WebPack, and React
- URL: https://www.jonathancreamer.com/getting-started-with-typescript-webpack-and-react/
- Published: 2017-09-06T15:47:09.000Z
- Updated: 2017-09-07T18:14:45.000Z
- Author: Jonathan Creamer
- Tags: typescript, webpack, react

We've been integrating TypeScript more and more into our workflow at Lonely Planet.

I wanted to just quickly share how easy it is to get started working with TypeScript and Webpack!

It takes a very simple webpack.config...

```prettyprint
module.exports = {
  entry: "./src/index.tsx",
  devtool: "source-map",
  output: {
    filename: "./dist/bundle.js",
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"],
  },
  module: {
    rules: [{
      test: /\.tsx?$/,
      loader: "ts-loader"
    }],
  },
};

```

And a few `npm install`s...

```
"devDependencies": {
  "@types/react": "^16.0.5",
  "@types/react-dom": "^15.5.4",
  "react": "^15.6.1",
  "react-dom": "^15.6.1",
  "ts-loader": "^2.3.4",
  "typescript": "^2.5.2",
  "webpack": "^3.5.5",
  "webpack-dev-server": "^2.7.1"
}

```

Then start writing TypeScript and React!

Full code of the starter at [https://github.com/jcreamer898/typescript-webpack-react](https://github.com/jcreamer898/typescript-webpack-react?ref=jonathancreamer.com).