Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ellerbrock/awesome-typescript

:star2: A collection of awesome TypeScript resources.
https://github.com/ellerbrock/awesome-typescript

List: awesome-typescript

typescript

Last synced: about 2 months ago
JSON representation

:star2: A collection of awesome TypeScript resources.

Awesome Lists containing this project

README

        

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.