TypeScript 2, React 15, Bootstrap and WebPack 2 Boilerplate.

I was recently working on a TypeScript project with React that uses WebPack 2 and Gulp for it’s build process.

I thought it would be worth creating a GitHub repository that stores this boilerplate code so that anyone can download the code and get started creating web apps with this particular technology stack.

The source comes with TypeScript, Less, Bootstrap all wired up with React and some base example components to get your started. It also sets up webpack-dev-server so you can easily spin up a local dev server to host your web app while in development.

To get started just run the following to get the code from the repository.

git clone https://github.com/leedale1981/typescript2-react15-webpack2-boilerplate.git

You should then run an NPM install to download all dependencies.

npm install

Finally you can compile the TypeScript code and run the dev server like so:

gulp webpack

gulp webpack-dev-server

And thats it you should be up and running with your web app.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s