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
