170 lines
10 KiB
Plaintext
170 lines
10 KiB
Plaintext
Awesome TypeScript [](https://travis-ci.org/ellerbrock/awesome-typescript) [](https://github.com/ellerbrock/typescript-badges/) [](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)
|
|
|
|
|
|
|
|
### 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
|
|
|
|
[](https://github.com/ellerbrock/typescript-badges/) [](https://github.com/ellerbrock/typescript-badges/) [](https://github.com/ellerbrock/typescript-badges/) [](https://github.com/ellerbrock/typescript-badges/)
|
|
|
|
[](https://github.com/ellerbrock/open-source-badge/) [](https://github.com/ellerbrock/open-source-badge/) [](https://github.com/ellerbrock/open-source-badge/)
|
|
|
|
[](https://opensource.org/licenses/mit-license.php) [](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*
|
|
|
|
[](https://twitter.com/frapsoft/)
|
|
[](https://www.facebook.com/frapsoft/)
|
|
[](https://plus.google.com/116540931335841862774)
|
|
[](https://gitter.im/frapsoft/frapsoft/)
|
|
[](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>. |