ANGULAR VS REACT
LE CHOC DES TITANS
ANGULAR VS REACT
ANGULAR
2016
Framework (MVC)
TypeScript
Nike, Forbes, Paypal, Telegram
REACT
2013
Bibliothèque (V)
JavaScript
Airbnb, Uber, Netflix, Dropbox
Prêt à l'emploi
Flexibilité
+
+
- Templates
- Dependency injection
- @angular/http
- @angular/router
- CSS dans les composants
- Karma/Ava/Jasmine
- @angular/forms
Â
- JSX
- Redux
- Axios
- React-router
- CSS in JS ?
- Jest
- Formik/React forms/...
Â
Caractéristiques
ANGULAR
REACT
HTML
Facilement manipulable
  Â
   Mélange HTML/JS
Vérification à la compilation
 Loin du DOM avec les         directives
ANGULAR
REACT
Templates
JSX
+
+
-
-
- Angular Ivy
- Faible empreinte mémoire
- Changements du DOM liés aux changements de data
Â
- Copie le DOM "réel"
- Optimise le rendu
- Limite les rerenders, coûteux
Gestion du DOM
ANGULAR
REACT
Incremental DOM
Virtual DOM
- Dépendance externe
- Fonctionne avec des actions, reducers et un store
- Intégré à Angular
- Fonctionne avec des services injectables et réutilisables
Patterns
ANGULAR
REACT
Dependency Injection
Redux
Lien entre route (string) et composant
Même principe avec découpage par module
Routing
ANGULAR
REACT
react-router
@angular/router
- Promise
- async/await
- Observable
- .pipe (map, switchmap, ...) .subscribe
Appels API
ANGULAR
REACT
RxJS
Axios
- CSS in JS
- Interactions plus simples entre CSS et JS
- Fichier dédié
- CSS scopé
CSS
ANGULAR
REACT
CSS dans le composant
Styled components
- Tests unitaires
- Tests d'intégration
- Tests unitaires
- Tests d'intégration
Testing
ANGULAR
REACT
Karma/Jasmine
Jest
- Bibliothèque à choisir
- Intégré à Angular
- driven form / reactive form
Formulaires
ANGULAR
REACT
@angular/forms
React forms/Formik
Taille du bundle
Courbe d'apprentissage
"React est plus simple et rapide à mettre en place qu’Angular."
Â
 "Avec Angular, il faut tout faire à la sauce Angular."
Â
"React est plus stable"
Idées reçues
And the winner is ...
REACT
+ Populaire (74.5% contre 57.6%)
+ Forks GitHub (31k contre 17.7k)
+ Satisfaction (89.33% contre 37.95%)