TYPESCRIPT

... OU PAS !

UN AMI QUI VOUS VEUT

DU BIEN

Vincent Ogloblinsky

Matthieu Bréchet

Architecte logiciel

" Technologies frontend "

Architecte logiciel

" Technologies frontend "

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

Made with Slides.com