TypeScript
A superset of JavaScript with typing.
Richard Stromer
www.noxan.net
Agenda
- What is TypeScript?
- Why should I use TypeScript?
- Typings and definition files
- Tooling
- Getting started
- Credits and links
What is TypeScript?
A language for large scale JavaScript development.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Any browser. Any host. Any OS. Open source.
Why should I use TypeScript?
Statically identify constructs that are likely to be errors.
Like improved linting & errors before you run any code.
Provide a structuring mechanism for larger pieces of code.
Module system, interfaces, imports
Align with current and future ECMAScript proposals.
Classes, arrow functions, annotations...
Preserve runtime behavior of all JavaScript code.
And the output is human readable.
Any JavaScript code is valid TypeScript.
So just rename your file and get started.
Tooling and developer support.
Helps you to get your job done.
And it keeps growing
Google TrendsTypings and definition files
Definition file
/// < reference path="es6-shim.d.ts" / >
declare var MyPoint: {
x: number;
y: number;
};lib.d.ts
Typings for JavaScript (~714KB).
Typings
The simple way to manage and install TypeScript definitions.
Using typings
// Install Typings CLI utility.
$ npm install typings --global
// Search for definitions.
$ typings search react
// Install typings
$ typings install reactTooling
Tooling support
- Static type checking
- Symbol-based navigation
- Code completion
- Code refactoring
Editor support
- Visual Studio (Code)
- Sublime Text
- Vim
- Emacs
- WebStorm
- Atom
- Eclipse
- And many more...
Tslint
An extensible linter for the TypeScript language.
Getting started
// Install
npm install -g typescript
// Compile
tsc helloworld.ts