TYPESCRIPT

... OU PAS !

UN AMI QUI VOUS VEUT

DU BIEN

Vincent Ogloblinsky

Matthieu Bréchet

Architecte logiciel

" Technologies frontend "

Architecte logiciel

" Technologies frontend "

SII Ouest

@vogloblinsky

@mbrechet

Sondage live

http://sli.do

#5551

Hey les gars, on a un nouveau projet à démarrer !

http://sli.do #5551

?

TS

ES6

http://sli.do #5551

ES6

Support à 97% dans les navigateurs " récents "

Sucre syntaxique très appréciable

Modularité

...

http://sli.do #5551

TS

Le "superset" de JavaScript

Le typage à portée de souris

3ème language le plus ♥ ( Stackoverflow survey 2017 )

http://sli.do #5551

En pratique ça donne quoi ?

http://sli.do #5551

Boilerplate

rollup.js

http://sli.do #5551

Live-coding

http://sli.do #5551

App

Game

Etape 0

http://sli.do #5551

Pubsub

Etape 1

App

Game

http://sli.do #5551

Pubsub

Etape 2

App

Game

Fetch

http://sli.do #5551

Pubsub

Etape 3

App

Game

CharacterUI

GameUI

http://sli.do #5551

Pubsub

Etape 4

App

Game

CharacterUI

GameUI

Weapon

http://sli.do #5551

Pubsub

Etape 5

App

Game

CharacterUI

GameUI

Weapon

Knight

http://sli.do #5551

Etape 6

Refacto

http://sli.do #5551

Avantages ES6

• c'est juste du JavaScript
• code plus léger que TS avec types
• modularité

http://sli.do #5551

Inconvénients ES6

• concepts à mettre entre des mains averties
• ça reste du JavaScript

http://sli.do #5551

Avantage n°1 TypeScript

On est "presque" typé

Frontend guy

Backend guy

http://sli.do #5551

Avantages TypeScript

• c'est également juste du Javascript
• transpile en ES5
• vitesse d'execution du JS compilé (plus de test de typeof)
• support des IDEs (erreurs)
• contrat des APIs plus claires (que JSDoc)

http://sli.do #5551

Inconvénients TypeScript

• intégration de librairies JS (@types)
• compilation requise

http://sli.do #5551

Conclusion

TS

(ce n'est que notre point de vue)

http://sli.do #5551

Merci

Vincent Ogloblinsky

Matthieu Bréchet

@vogloblinsky

@mbrechet