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 Creative Commons License
This work by Maik Ellerbrock is licensed under a Creative Commons Attribution 4.0 International License.