David CatuhePrincipal Program ManagerMicrosoft

Using TypeScript in a big open source project

@deltakosh

What is Babylon.js?

Babylon.js is:

An average of 1 version per month 28 contributors 33 releases 592 commits14000+ lines of code More than 120 files of code More than 250 forks A bandwidth of 1 TB per month for the website 1.3GB (Code and samples)

Why TypeScript ? Click icon to add picture

Because it is transparent for users

Demo

What does TypeScript generate?

Because Babylon.js is an open source framework

Demo

Finding awful bugs

Because TypeScript is open source

Node.js Eclipse Sublime Text WebStorm Emacs VI Visual Studio 2012 / 2013

Develop with TypeScript

Because TypeScript is incredibly efficient with Visual Studio

Demo

Using Visual Studio 2013 Update 2 with TypeScript

Because TypeScript clearly simplifies your code

Demo

Handling inheritanceThis is not thatAdding properties

For the future…

The promise / callbacks hell

Can become just gorgeous…

How to port from JavaScript to TypeScript ?

Click icon to add picture

From the ground up…

Demo

Porting Babylon.math.js

Don’t be afraid to mix things up

Using interfaces and mixins

Demo

Babylon.mixins.ts

Call to actionsOfficial site: http://www.TypeScriptlang.org/ Online playground:http://www.TypeScriptlang.org/PlaygroundSource code:http://TypeScript.codeplex.com/Documentation: http://TypeScript.codeplex.com/documentation