Why Typescript ?

Why we decided to move to Typescript @PSIH www.psih.fr

Transcript

1. Why Typescript?
2. What is Typescript • Projet Open Source Microsoft • Une surcouche à Javascript ES6 compilable en Javascript ◦ Supporte les futures versions de Javascript ECMA avant leur support par les navigateurs ◦ Typage fort pour Javascript
3. Why? Because your javascript is typescript • Les types sont optionnels, la compilation peut générer des warnings, mais votre javascript (ES6) est déjà du typescript valide => cout de migration = 0
4. Why? We use ES2015, We could use ES2016 Ce qui veut dire du code plus clair : • async, await • decorators • etc...
5. Why? More types, less errors • Plus on type nos variables, classes, fonctions, moins on a d’erreurs et de bugs cachés à l’exécution. • Avoir des Interfaces :) ◦ C’est la vie
6. Why not? Typescript could be abandoned • I don’t care, It produces human readable ES6, ES5 whatever
7. Why not? Because coffeescript, dart etc... Seriously ?
8. How to migrate? • J’ai menti, ce n’est pas 0, mais presque : 1JH par projet. • Migration incrémentale possible (projet par projet, librairie par librairie)
9. Migration steps: Level 1 (ES6) • Remplacer babelify par tsify et jshint par tslint (on peut s’arrêter là ?). • Ajouter les types aux attributs de classes. • Ajouter les TSD pour les libs externes. ◦ on peut utiliser l’excellent http://definitelytyped. org/tsd/ Compilateur en mode noEmitOnError
10. Migration steps: Level 2 • Déclarer les attributs de classes, • Les typer. Compilateur en noImplicitAny: false
11. Migration steps: Level 3 • Déclarer les types des attributs des fonctions, closures et arrow fonctions Compilateur en noImplicitAny: true
12. Let’s migrate!