Discussion :

[Michael Guilloux]

Angular 5.0 est disponible
la nouvelle version du framework JavaScript veut faciliter la création d'applications Web progressives

Après avoir été repoussée à deux reprises, la sortie d’Angular 5.0 a été finalement annoncée le 1^er novembre. Comme Angular 4 publié au mois de mars, cette nouvelle version se concentre sur l’objectif de rendre le framework JavaScript de Google plus petit, plus rapide et plus facile à utiliser.

Angular 5 est destiné à simplifier la création d'applications Web progressives (PWA), étant donné qu'à ce jour, la prise en charge de ces applications dans le framework nécessite beaucoup d'expertise de la part des développeurs. Rappelons que le concept d'applications Web progressives, fruit d'une collaboration entre Google et Mozilla, vise à permettre le développement d'applications Web offrant sur un mobile une expérience de qualité supérieure, à peu près la même qu'une application native.

Cela peut être réalisé à travers trois techniques différentes, y compris via les service workers, comme c'est le cas avec Angular 5.0. Les service workers jouent essentiellement le rôle de serveurs proxy placés entre une application Web, et le navigateur ou le réseau (lorsque disponible). Ils sont destinés (entre autres choses) à permettre la création d'expériences de navigation déconnectée efficaces, en interceptant les requêtes réseau et en effectuant des actions appropriées selon que le réseau est disponible et que des ressources mises à jour sont à disposition sur le serveur. Ils permettront aussi d'accéder aux API de notifications du serveur (push) et de synchronisation en arrière-plan.

Il faut noter que Google est toujours en train de construire le support de cette fonctionnalité dans l'interface en ligne de commande (CLI). Si Angular 5.0 est maintenant disponible, le support pour les applications Web progressives ne devrait donc pas être disponible avant la fin du mois de novembre 2017. Angular 5 veut aussi rendre les composants Material Design compatibles avec le rendu côté serveur. Mais Google doit encore corriger quelques bogues avant de sortir cette fonctionnalité.

Parmi les nouveautés dans cette version, il faut noter qu'Angular 5 dispose d'un optimiseur de build, qui réduit la taille des applications en éliminant de lui-même les parties de code qui lui semblent inutiles. Le compilateur a également été amélioré pour prendre en charge la compilation incrémentielle, qui permet de réduire les temps de compilation sur les gros projets.

Entre autres changements, on peut encore noter que la bibliothèque de programmation réactive RxJS (Reactive Extensions for JavaScript) a été mise à jour vers la version 5.5.2 ou ultérieure. En outre, RxJS distribue maintenant une version utilisant des modules ECMAScript. HttpClient a également été mis à jour, et CLI v1.5 va générer les projets Angular 5 par défaut. Vous trouverez le détail et la liste exhaustive des nouveautés d’Angular 5.0 dans le changelog sur GitHub.

Sources : Blog Angular, changelog (GitHub)

Et vous ?

Utilisez-vous Angular ? Si oui, quelles versions ?
Que pensez-vous des nouveautés dans Angular 5 ?

[pterrat]

C'est une très bonne version.

Les optimisations au niveau des performances sont vraiment bien faites.
Au niveau du code, il n'y a pas de grand chamboulement, vous pouvez passer tranquillement de la version 4 à la version 5 sans changer toutes vos applications.

Les grands changements de la version 5.0.0 :

1. - Build Optimizer
2. - Angular Universal State Transfer API et DOM Support
3. - Améliorations à la compilation (notamment avec AOT)
4. - Internationalized Number, Date et Currency Pipes
5. - Remplacer ReflectiveInjector par StaticInjector
6. - Améliorations de la vitesse de ngZone
7. - exportAs
8. - HttpClient (modification après
9. - Nouveau Router Lifecycle Events

Après quelques tests, les performances sont vraiment au rendez-vous, j'ai été impressionné par le rebuild avec le tag AOT.
Je vous conseille vraiment d'upgrader vers la version 5.0.0 qui est pour moi très réussi.
(Angular CLI et Rxjs sont aussi mis à jour en même temps que Angular 5)

Si vous voulez plus de détails sur la version 5 et en français vous pouvez aller voir cet article.

[Michael Guilloux]

La version 5.1 du framework JavaScript Angular est disponible
en même temps qu'Angular CLI 1.6 et la première version stable d'Angular Material

Google a récemment annoncé la sortie de la version 5.1.0 de son framework JavaScript Angular. Il s'agit d'une version mineure, et conformément à la nouvelle méthode de versionnage adoptée par l'équipe Angular, cela veut dire qu'il y a de petites fonctionnalités sans changements de rupture. Et il y a aussi des corrections de bogues.

Dans Angular 5.1, les diagnostics produits par le compilateur ont été considérablement améliorés, en particulier lorsque les décorateurs contiennent des expressions non prises en charge ou incorrectes. L'équipe Angular a également ajouté la prise en charge de TypeScript 2.5, qui est recommandé pour tous les développeurs. Cette version de TypeScript inclut plusieurs fonctionnalités avancées utiles.

Vous pouvez mettre à jour TypeScript en lançant la commande yarn add typescript@'~2.5.3' ou npm install typescript@'~2.5.3'. Cette mise à jour de TypeScript est toutefois facultative et TypeScript 2.4 continue d'être pris en charge dans Angular 5.x.x. TypeScript 2.6 n'est pas encore pris en charge, mais son support est prévu dans une prochaine version mineure. Avec Angular 5.1, Google annonce également la sortie de la version 1.6 d'Angular CLI et la première version stable d'Angular Material.

Version stable d'Angular Material et CDK

Après une vingtaine de versions alpha et bêta et trois releases candidates, l'équipe Angular annonce la sortie de la version 5.0.0 d'Angular Material et Angular CDK. Basé sur Material Design de Google, Angular Material propose 30 composants d'interface utilisateur pour vos applications Angular. CDK (Component Dev Kit) quant à lui fournit un ensemble d'éléments pour vous aider à construire vos propres composants personnalisés sans avoir à résoudre à nouveau tous les problèmes communs. D'après l'équipe Angular, ces composants sont déjà utilisés en production par un certain nombre d'applications Google, notamment Google Analytics Suite, Google Cloud Platform Developer Console et Google Shopping Express.

À partir de cette version, Angular Material suivra la même philosophie de versionnage sémantique qu'Angular. Les versions majeures de Angular Material et Angular CDK seront donc livrées en même temps que les versions majeures du reste de la plateforme.

Prise en charge des service workers dans Angular CLI 1.6

La performance a toujours été un objectif important pour les développeurs Web et elle l'est davantage aujourd'hui. Pour cela, les navigateurs modernes disposent d'une nouvelle API pour créer des sites qui se chargent de manière fiable et rapide. Il s'agit de l'API Service Worker.

Angular 5.0.0 a été livré avec une nouvelle implémentation Service Worker personnalisée pour les applications Angular et Angular CLI 1.6 inclut un support pour la création d'applications qui tirent parti de cette nouvelle fonctionnalité. L'équipe Angular affirme que l'utilisation de @angular/service-worker peut améliorer les performances de chargement de vos applications dans les navigateurs prenant en charge l'API et rendre l'expérience de chargement de votre application plus proche de celle d'une application native.

Support amélioré d'Universal et AppShell dans CLI 1.6

Avec la version 1.6 d'Angular CLI, vous bénéficiez également d'un meilleur support pour l'ajout d'Universal à vos projets existants, ainsi que du support d'App Shell. Notons qu'Universal est un module qui permet un rendu côté serveur. Une architecture d'applications shell est quant à elle est un moyen de créer une application Web progressive qui se charge de manière fiable et instantanée sur les écrans de vos utilisateurs. L'application shell est le code HTML, CSS et JavaScript minimal requis pour alimenter l'interface utilisateur et, lorsqu'elle est mise en cache hors connexion, peut garantir des performances fiables et instantanées aux utilisateurs lors de visites répétées.

Source : Blog Angular

Et vous ?

Utilisez-vous le framework JavaScript Angular ?
Si oui, qu’en pensez-vous ?
Sinon, quelles alternatives utilisez-vous et pourquoi ?
Que pensez-vous de ces nouveautés annoncées aujourd’hui ?

[melka one]

c'est beau tous ca mais ce que je constate c'est que beaucoup de site de surcroit avec un grande notoriété sont loin D’être parfait. on se prend la tete pour diversifié les méthodes pour crée un site mais pas la qualité du site en lui même.

[Zefling]

c'est beau tous ca mais ce que je constate c'est que beaucoup de site de surcroit avec un grande notoriété sont loin D’être parfait. on se prend la tete pour diversifié les méthodes pour crée un site mais pas la qualité du site en lui même.

En quoi un framework peut améliorer « la qualité du site » ? Ce n’est pas son rôle.

Pour en revenir à Angular, je constate un gain vraiment important sur l'AOT, mais ça ne reste pas la panacée par rapport au JIT, mais le gain reste vraiment intéressant sur d'autres points. L'arrivée de la version finale de Material est aussi une bonne nouvelle, parce que pour être franc, ce projet a été géré n'importe comment au début, j'ai même cru qu'il serait abandonné à un moment.

[pterrat]

Je suis d'accord avec toi. J'ai testé l'AOT sur la 5 et la 5.1, ils ont vraiment améliorer les perfs.

Material est vraiment pas mal aussi mais il manque quelques composants. Ca commence vraiment à être pas mal..

qu'est ce que tu penses du ngx bootstrap?