Awesome TypeScript [![Build Status](https://travis-ci.org/ellerbrock/awesome-typescript.svg?branch=master)](https://travis-ci.org/ellerbrock/awesome-typescript) [![TypeScript](https://badges.frapsoft.com/typescript/awesome/typescript.png?v=100)](https://github.com/ellerbrock/typescript-badges/) [![Open Source Love](https://badges.frapsoft.com/os/v3/open-source.png?v=102)](https://github.com/ellerbrock/open-source-badge/)
==========================================================================================================================================================================================================================================================================================

A curated list of awesome TypeScript resources.

What is TypeScript?
-------------------

> TypeScript is a free and open source programming language developed and maintained by Microsoft. It is a strict superset of JavaScript, and adds optional static typing and class-based object-oriented programming to the language. [Wikipedia](https://en.wikipedia.org/wiki/TypeScript)

![logo](https://github.frapsoft.com/top/awesome-typescript.png?v=100)

### Resources

-	[TypeScript Website](https://www.typescriptlang.org/)
-	[TypeScript Tutorial](http://www.typescriptlang.org/docs/tutorial.html)
-	[TypeScript GitHub](https://github.com/Microsoft/TypeScript/)
-	[TypeScript Handbook](http://www.typescriptlang.org/Handbook) - The official resource for learning TypeScript
-	[TypeScript Language Specification](https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md)
-	[TypeScript Blog](http://blogs.msdn.com/b/typescript/) with announcements and recent updates
-	[GitBook](https://basarat.gitbooks.io/typescript/) TypeScript Deep Dive. The definitive guide to TypeScript.
-	[The Concise TypeScript Book](https://github.com/gibbok/typescript-book) A Concise Guide to Effective Development in TypeScript. Free and Open Source.

### [TypeScript](https://github.com/ellerbrock/typescript-badges/) & [Open Source](https://github.com/ellerbrock/open-source-badge/) Badges

[![TypeScript](https://badges.frapsoft.com/typescript/awesome/typescript.png?v=100)](https://github.com/ellerbrock/typescript-badges/) [![TypeScript](https://badges.frapsoft.com/typescript/code/typescript.png?v=100)](https://github.com/ellerbrock/typescript-badges/) [![TypeScript](https://badges.frapsoft.com/typescript/love/typescript.png?v=100)](https://github.com/ellerbrock/typescript-badges/) [![TypeScript](https://badges.frapsoft.com/typescript/version/typescript-v19.svg)](https://github.com/ellerbrock/typescript-badges/)

[![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.png?v=102)](https://github.com/ellerbrock/open-source-badge/) [![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.png?v=102)](https://github.com/ellerbrock/open-source-badge/) [![Open Source Love](https://badges.frapsoft.com/os/v3/open-source.png?v=102)](https://github.com/ellerbrock/open-source-badge/)

[![MIT Licence](https://badges.frapsoft.com/os/mit/mit.png?v=102)](https://opensource.org/licenses/mit-license.php) [![GPL Licence](https://badges.frapsoft.com/os/gpl/gpl.png?v=102)](https://opensource.org/licenses/GPL-3.0/)

TypeScript Installation OS X
----------------------------

Introduction how to install the next TypeScript Version with the the latest TSlint and Typings Support. Homebrew is required for the next Steps:

`typings search tape`

IDEs
----

-	[Atom](https://atom.io/)
-	[Visual Studio Community Edition](https://www.visualstudio.com/de-de/downloads/download-visual-studio-vs.aspx) - free (conditionally) IDE with integrated TypeScript support

### Editor Support

-	[TypeScript Editor Support List](https://github.com/Microsoft/TypeScript/wiki/TypeScript-Editor-Support)

### Plugins

-	[Visual Studio Code](https://www.visualstudio.com/en-us/products/code-vs.aspx)
-	[CATS](http://jbaron.github.io/cats/) is an IDE for TypeScript and Web developers
-	[TypeScript Sublime Plugin](https://github.com/Microsoft/TypeScript-Sublime-Plugin)
-	[Atom TypeScript](https://github.com/TypeStrong/atom-typescript)
-	[TypeScript Interactive Development Environment for Emacs](https://github.com/ananthakumaran/tide)
-	[TypeScript IDE for Eclipse](http://typecsdev.com/)
-	[TypeScript Syntax for VIM](https://github.com/leafgarland/typescript-vim)
-	[Typescript AddIn for](https://github.com/mrward/typescript-addin) MonoDevelop, SharpDevelop and Xamarin Studio; a short [review article](http://lastexitcode.com/blog/2015/04/01/TypeScriptSupportInXamarinStudio/)

### Playground

-	[TypeScript playground-on-ace](https://github.com/hi104/typescript-playground-on-ace) [updated to TypeScript 1.5](https://github.com/basarat/TypeScriptEditor)
-	[TypeScript official Playground](http://www.typescriptlang.org/Playground/)
-	[JS Bin](http://jsbin.com/?js) (Select TypeScript)
-	[Codepen](http://codepen.io/) (Select TypeScript)
-	[TypeScript Interpret - Terminal Emulator](http://niutech.github.io/typescript-interpret/)
-	[TypeScript Editor](http://drake7707.github.io/Typescript-Editor/)

### Chrome Extension

-	[TypeScript Editey](https://chrome.google.com/webstore/detail/typescript-editey/liedfkjkedgcgpddoijfeeeeoikcbmaf)

### Awesome TypeScript Videos

-	[Evolving JavaScript with TypeScript](https://www.youtube.com/watch?v=Ut694dsIa8w) a detailed introduction to TypeScript

Node.js
-------

-	Install next TypeScript Version: `npm install -g typescript@next`
-	[typescript-collections](https://github.com/basarat/typescript-collections)
-	[tslint](https://www.npmjs.com/package/tslint) - npm Module

### React.js

-	[jsxtyper](https://github.com/fuselabs/jsxtyper) Generates TypeScript interfaces from .jsx files
-	[Building a simple react component with typescript](http://www.austentalbot.com/how-to-use-react-with-typescript/)
-	[TodoMVC • TypeScript + React Example](https://github.com/tastejs/todomvc/tree/gh-pages/examples/typescript-react)
-	[Working with React and TypeScript](http://blog.wolksoftware.com/working-with-react-and-typescript)
-	[vortigern - A universal boilerplate for building web applications w/ TypeScript, React, Redux and more.](https://github.com/barbar/vortigern)

Docker
------

-	[official Node.js Docker Image](https://hub.docker.com/_/node/)
-	[Phusion Passenger](https://github.com/phusion/passenger/wiki/Phusion-Passenger%3A-Node.js-tutorial) - optimized Node.js Docker Image

Build Systems
-------------

-	[gulp-typescript](https://www.npmjs.com/package/gulp-typescript) - TypeScript Compiler for Gulp
-	[official Gulp TypeScript Tutorial](https://www.typescriptlang.org/docs/handbook/gulp.html)
-	[Grunt](http://gruntjs.com/) tasks:
-	[Grunt-ts](https://www.npmjs.com/package/grunt-ts) - Grunt-ts is an npm package that handles TypeScript compilation work in GruntJS build scripts

Module Bundlers
---------------

-	[Webpack](http://webpack.github.io/) - supports CommonJS and AMD module bundling
-	[TypeScript and Webpack](http://www.jbrantly.com/typescript-and-webpack/) - How to configure Webpack for TypeScript with Sourcemap support
-	[Angular2 Webpack Starter](https://github.com/AngularClass/angular2-webpack-starter)
-	[Browserify](http://browserify.org/) - CommonJS module bundler. Does not support TypeScript "out of the box", but can be applied with *[Grunt](http://gruntjs.com/) tasks: [grunt-ts](https://www.npmjs.com/package/grunt-ts), [grunt-browserify](https://www.npmjs.com/package/grunt-browserify), [grunt-contrib-uglify](https://www.npmjs.com/package/grunt-contrib-uglify)*

Tools
-----
-	[TsLint](https://github.com/palantir/tslint) - TypeScript linter
-	[DefinitelyTyped](http://definitelytyped.org/) - Repository for high quality TypeScript type definitions.

Built with TypeScript
---------------------

### Mobile

-	[NativeScript](https://github.com/NativeScript/NativeScript) - Open Source framework for building cross-platform truly native iOS, Android and Windows mobile apps using JavaScript

### Web

-	[Angular2](https://github.com/angular/angular) - Angular is a development platform for building mobile and desktop web applications
-	[palantir/plottable](https://github.com/palantir/plottable) - A library of modular chart components, built on `D3` (see also: http://plottablejs.org\)

### Standalone apps

-	[Atom](https://atom.io/) - extrem flexible Editor based on Electron from GitHub with very good TypeScript Support
-	[Visual Studio Code](https://github.com/Microsoft/vscode) - Multiplatform IDE.

-	[alm - A next generation IDE just for TypeScript written in TypeScript + React](https://github.com/alm-tools/alm)

Podcast
=======

-	[Adventures in Angular](https://devchat.tv/devchattv_show/adventures-in-angular)
-	[Angular Air](https://angularair.com/)

Video Courses
-------------

-	[Angular Applications with TypeScript](https://mva.microsoft.com/en-US/training-courses/angular-applications-with-typescript-14330) (Microsoft Virtual Academy)
-	[AngularJS with TypeScript made easy](https://www.youtube.com/watch?v=OZxnFB0yQHs) (SSW TV)

### Contact / Social Media

*Get the latest News about Web Development, Open Source, Tooling, Server & Security*

[![Twitter](https://github.frapsoft.com/social/twitter.png)](https://twitter.com/frapsoft/)
[![Facebook](https://github.frapsoft.com/social/facebook.png)](https://www.facebook.com/frapsoft/)
[![Google+](https://github.frapsoft.com/social/google-plus.png)](https://plus.google.com/116540931335841862774)
[![Gitter](https://github.frapsoft.com/social/gitter.png)](https://gitter.im/frapsoft/frapsoft/)
[![Github](https://github.frapsoft.com/social/github.png)](https://github.com/ellerbrock/)

### Development by 

Developer / Author: [Maik Ellerbrock](https://github.com/ellerbrock/)  
Company: [Frapsoft](https://github.com/frapsoft/)


### License 

<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />

This work by <a xmlns:cc="http://creativecommons.org/ns#" href="https://github.com/ellerbrock/" property="cc:attributionName" rel="cc:attributionURL">Maik Ellerbrock</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.