Links

Pourquoi Angular ?

Angular est un framework

Contrairement à d'autres alternatives intéressantes telles que React, Angular n'est pas une "library" mais bien un framework avec une approche "batteries included".
Angular fournit donc nativement tout le nécessaire pour produire une application entière avec une configuration standard :
  • Configuration de build et d'optimisation complète.
  • Module d'animations.
  • Module de "routing".
  • Module de formulaires.
  • Debug.
  • Tests unitaires et e2e.
  • ...
Il n'est donc pas nécessaire d'hésiter et de débattre le choix des modules de routing, de formulaires etc...
Avec Angular, la majorité des applications ont la même structure de projet et la même "stack" d'outils. Les applications Angular sont donc homogènes et vous tomberez donc plus rarement sur des "cas particuliers".
Dans la plupart des cas, vous éviterez les problèmes de compatibilité de dépendances en laissant l'équipe Angular s'en charger pour vous.
En contrepartie, voici un exemple de mise en place d'un "preprocessor" sass sur une app React:
source: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc
Heureusement, les choses ont évolué depuis grâce à create-react-app & react-scripts.

Point de vue de Vue.js concernant Angular

Opinionated Frameworks vs. Flexibility

TypeScript

Angular profite de la rigueur et flexibilité du langage TypeScript.

Single-Page App & Progressive Web App

Angular fournit nativement le nécessaire pour produire des Progressive Web Apps.
On peut donc rapidement produire des applications webs donnant l'illusion d'une application native tout en restant résilient aux problèmes de connexion.
L'idée est de voir le web comme des applications interreliées plutôt que des sites web contenant des pages.

Abstraction

Angular fournit des couches d'abstraction à tous les niveaux. Cela évite par exemple de manipuler directement le DOM.

Mobile

Par défaut, Angular repose sur la couche PlatformBrowser pour communiquer avec le DOM.
D'autres alternatives de cette couche existent pour utiliser Angular dans d'autres contextes :

Separation of concerns

Angular permet de mieux séparer les responsabilités avec une approche MVC (Model / View / Controller) et l'injection de dépendances.

Ecosystème très riche et large communauté

Exploitation des 5 ans d'existence d'AngularJS et des retours de la communauté pour rectifier les erreurs de conception, faciliter le développement et gagner en performance et stabilité.
Angular Platform

Testabilité comme priorité

Angular fournit tous les outils nécessaires pour faciliter l'implémentation des tests unitaires et de tests e2e.
  • Configuration clé en main des outils de test, du reporting, du coverage etc...
  • Mocks des modules http et routing.
  • Protractor : surcouche de Selenium adaptée pour faciliter les tests end-to-end Angular avec intégration native de la parallélisation et d'outils tels que BrowserStack et SauceLabs.

Architecture et maintenabilité

AngularJS était très flexible. Sans bonnes pratiques, les applications perdent très rapidement en stabilité et en maintenabilité.
Angular impose une approche mieux structurée à base de composants et une façon plus clair d'échanger les données entre les composants.
Angular encourage une implémentation générique ("framework agnostic") permettant de réutiliser plus facilement du code Angular dans d'autres contextes.

Performance

Angular est un framework très déclaratif. Cela peut sembler fastidieux au départ mais cette approche permet à Angular de mieux comprendre le fonctionnement de l'application avant son exécution permettant alors d'optimiser la construction de l'application, par exemple en éliminant automatiquement le code inutile.
Au fil des mises à jour d'Angular, vous obtiendrez donc des applications de plus en plus performantes sans changer votre code ou à la rigueur en éliminant les usages dépréciés.
How angular loses weight

Angular Release Schedule & Long-Term Support

L'équipe Angular s'engage à publier une nouvelle version majeure tous les 6 mois (correspondant aux deux grandes conférences mondiales en Mai [NgConf], et en Novembre [Angular Connect] ).
  • Angular 2 : Septembre 2016
  • Angular 4 : Mars 2017
  • Angular 5 : Novembre 2017
  • Angular 6 : 3 mai 2018 (Angular CLI, Angular Material, Flex Layout etc... synchronisent leurs versions également)
  • Angular 7 : 18 octobre 2018
  • Angular 8 : 28 mai 2019
  • Angular 9 : 2 février 2020
  • Angular 10 : 24 juin 2020
  • Angular 11 : 11-11-2020
  • Angular 12 : 12 mai 2021
  • Angular 13 : 4 novemre 2021
Chaque version est maintenue pendant 18 mois et reste compatible avec les fonctionnalités de la version précédente qui deviennent dépréciées.

Guide de mise à jour

A propos d'AngularJS

AngularJS correspond à la version 1.x Il ne faut pas confondre AngularJS et Angular. Bien que le numéro de version 2.x semblerait indiquer une continuité avec la version 1.x de Angular, il s'agit d'une refonte intégrale du Framework.
La dernière version de AngularJS, AngularJS 1.7, la dernière version de AngularJS est sortie en Mai 2018 et rentre en Long-Term Support (LTS) à partir du 1er Juillet 2018 jusqu'au 30 juin 2021.