Angular Devs France

Le Futur d'Angular : Plus Performant, Plus Léger, Plus Réactif - Loïc Magnette

Loïc Magnette — Tue, 06 May 2025 19:00:00 GMT

La dépendance d’Angular à ngZone a longtemps permis une gestion simple de la détection des changements. Cependant, cette simplicité s’est souvent faite au détriment des performances. Les applications peuvent être ralenties par des re-rendus inutiles et un manque de contrôle sur les changements d’état. Ces limites ont ouvert la voie aux récentes évolutions dans l’univers d’Angular.

Les dernières versions d’Angular s’attaquent à ces problématiques grâce aux Signals et à la nouvelle syntaxe de contrôle de flux. Les Signals offrent une solution légère pour gérer l’état et la réactivité, garantissant que les mises à jour ne se produisent que lorsqu’elles sont réellement nécessaires. Par ailleurs, la nouvelle syntaxe de contrôle de flux réduit la complexité dans les templates, améliore le chargement à la demande et optimise les performances globales. Ces avancées tracent progressivement le chemin vers un futur sans ngZone.

Cette présentation mettra en lumière cette renaissance d’Angular et son impact sur des problématiques concrètes à travers des démos en direct. En explorant l’avenir prometteur d’Angular, vous repartirez avec une compréhension approfondie de l’utilisation des Signals et des contrôles de flux pour concevoir des applications plus rapides et plus réactives.

Etat de l'art Angular 2025 - Gaëtan Redin & Kevin Tale

Gaëtan Redin & Kevin Tale — Thu, 06 Feb 2025 19:00:00 GMT

En ce début d'année 2025, quelles sont les décisions à prendre dans une application Angular pour en assurer la maintenabilité?

Architecture, nouvelles API du framework et évolution de l'écosystème des librairies, nous parcourons ces sujets en compagnie de Kevin Tale, créateur de bonjour-angular.com, et de Gaëtan Redin, créateur de easyangularkit.com

Au Cœur de l'Odyssée: Migrer une application d'Angular 10 à 18 - Loïc Magnette

Loïc Magnette — Tue, 07 Jan 2025 19:00:00 GMT

Plongez dans la migration d'une application de Angular 10 à Angular 18. Cette session explore les défis et les solutions pratiques rencontrés durant ce parcours de mise à niveau.

Nous commencerons par examiner les raisons de passer à Angular 18, en soulignant ses fonctionnalités avancées et les améliorations de performance. Le cœur de la présentation partage les expériences vécues lors de la mise à jour d'une application, en mettant l'accent sur la gestion des changements importants, l'adaptation aux nouvelles bibliothèques et la résolution des problèmes de compatibilité, illustrés par des exemples concrets tirés de ce projet.

Nous traiterons des aspects critiques tels que la gestion des API dépréciées, la maîtrise des dépendances des bibliothèques et l'utilisation des nouvelles fonctionnalités d'Angular 18. L'objectif est de fournir une feuille de route claire pour des migrations similaires, soulignant les difficultés possibles et les stratégies pour les surmonter avec succès.

Des astuces et stratégies concrètes, issues de cette expérience réelle, seront présentées, équipant les développeurs des outils nécessaires pour effectuer efficacement leur propre migration vers la dernière version d'Angular.

Table ronde Angular 19

Tue, 10 Dec 2024 19:00:00 GMT

Table ronde

Watch Parties : Angular 19

Angular Devs France — Tue, 19 Nov 2024 19:00:00 GMT

Tanstack Query, encore une librairie de state management ? - Thomas Laforge

Thomas Laforge — Mon, 18 Nov 2024 18:00:00 GMT

Tanstack Query fait partie de l'écosystème React depuis 2019 et a été utilisé par des milliers de développeurs. Cependant, cette technologie manquait dans l'écosystème Angular. Grâce à la sortie de l'API Signal, un adaptateur officiel a été développé et publié pour Angular. Mais pourquoi cette bibliothèque est-elle différente des bibliothèques de state managementcomme NgRx, NgXs, etc. ?

Tanstack Query est une bibliothèque de gestion d'accès aux données avec une forte opinion. Son principal objectif est de simplifier la manière dont nous gérons et stockons les états asynchrones et ceux provenant du serveur. Elle facilite la récupération, la mise en cache, la synchronisation et la mise à jour des états serveur dans votre application cliente. Dans cette présentation, nous discuterons de ce qu'est Tanstack Query et pourquoi nous en avons besoin. Dans la deuxième partie, nous apprendrons à l'utiliser et à l'intégrer dans notre application, et verrons à quel point il devient puissant et facile de gérer les états serveur. Après cette présentation, votre seule motivation sera de retourner sur votre projet d'entreprise et d'utiliser Tanstack Query.

Maintenir un design system avec Storybook et Angular - Christopher Holder

Christopher Holder — Tue, 03 Sep 2024 19:00:00 GMT

L'un des plus grands défis liés au travail avec des applications ayant plusieurs labels et thèmes est de maintenir un Design System cohérent.

Nous allons plonger en profondeur dans la manière dont Storybook peut être utilisé pour maintenir un design system cohérent à travers tous les labels et thèmes. Par la suite, nous apprendrons comment le design system peut faciliter les modifications pour les nouveaux développeurs, même sans une connaissance approfondie de l'application. Ensuite, nous verrons comment Storybook nous aide à maintenir facilement la documentation et les tests.

En bonus, vous apprendrez à automatiser la conversion des modifications de Figma vers le code dans le design system.

Table ronde Angular 18

Tue, 04 Jun 2024 19:00:00 GMT

Table ronde

On cause Angular

Tue, 07 May 2024 19:00:00 GMT

Table ronde

Les micro frontend chez allianz - Fabien Brunet

Fabien Brunet — Tue, 16 Apr 2024 19:00:00 GMT

A partir de 2025, les entreprises ayant un chiffre d'affaires d'au moins de 2 millions d'euros doivent rendre accessible leurs sites internet. A travers ce talk, je vous expliquerai ce qu'est l'accessibilité numérique et comment implémenter sous Angular avec des exemples concrets. On peut également créer nos propres composants riches et les rendre accessibles au lieu de télécharger des packages NPM tout faits qui ne sont pas accessibles. Ainsi, vous découvrirez des astuces efficaces pour intégrer l'accessibilité numérique dans vos projets Angular.

Comment implémenter l'accessibilité numérique avec Angular ? - Emmanuelle ABOAF

Emmanuelle ABOAF — Tue, 02 Apr 2024 19:00:00 GMT

Arrêtons de (dé)tester nos applications et nos utilisateurs - Louis Fredice Njako Molom - Stanley Servical

Louis Fredice Njako Molom - Stanley Servical — Tue, 12 Mar 2024 19:00:00 GMT

Programme

Arrêtons de (dé)tester nos applications et nos utilisateurs

par Louis Fredice Njako Molom par Stanley Servical

'Faire des tests E2E c'est compliqué', 'Maintenir des tests E2E coûte cher', 'L'accessibilité ? on n'a plus de budget'.

Ces phrases témoignent qu'encore en 2024, les utilisateurs dépendants de l'accessibilité numérique sont délaissés et la vérification automatique des scénarios métiers nécessite une certaine expertise.

Au cours de ce talk, nous déterminerons si ces idées reçues sont justifiées et nous verrons quelle est la meilleure approche pour résoudre en même temps ces problématiques.

Core Web Vitals: How to make your angular app feel like a dream

par Nicolas FRIZZARIN

Vous souhaitez accélérer le chargement de votre application Angular ? Vous voulez améliorer l'expérience utilisateur de votre application Angular ? Alors vous devez vous familiariser avec les Core Web Vitals !

Les CWV sont un ensemble de métriques qui mesurent les performances réelles de votre application web. Elles sont importantes car elles peuvent avoir un impact significatif sur la satisfaction des utilisateurs et les taux de conversion. Angular dispose de plusieurs fonctionnalités intégrées qui améliorent les CWV.

Mais les connaissez-vous ?

Dans cette conférence, nous couvrirons une variété de techniques, y compris

l'optimisation des images
le layloading
les vues différentiables
l'optimisation du code

À l'issue de cette présentation, vous serez en mesure de mesurer le CWV de votre application, d'identifier les possibilités d'amélioration et de mettre en œuvre les changements nécessaires.

Core Web Vitals: How to make your angular app feel like a dream - Nicolas FRIZZARIN

Nicolas FRIZZARIN — Tue, 12 Mar 2024 19:00:00 GMT

Core Web Vitals: How to make your angular app feel like a dream

par Nicolas FRIZZARIN

Mais les connaissez-vous ?

Dans cette conférence, nous couvrirons une variété de techniques, y compris

l'optimisation des images
le layloading
les vues différentiables
l'optimisation du code

À l'issue de cette présentation, vous serez en mesure de mesurer le CWV de votre application, d'identifier les possibilités d'amélioration et de mettre en œuvre les changements nécessaires.

Paris | Atelier Angular pour la communauté féminine

Sat, 03 Feb 2024 09:00:00 GMT

Programme

Formation d'une journée pour découvrir Angular. Cet événément dédiée aux femmes est une action pour agir pour la diversité dans les métiers du numérique.

Cet atelier aura lieu le samedi 3 février 2024 de 9h à 17h à Bagneux.

AnalogJS, le meta-framework pour Angular que l'on attendait plus (ou pas) - Benjamin Legrand

Benjamin Legrand — Tue, 09 Jan 2024 19:00:00 GMT

Programme

Higher order observables & higher order mapping operators in RxJs

par Lamis Chebbi

Les observables et les mapping operators de Rxjs peuvent s'avérer difficiles à comprendre au début, mais ils sont en réalité plus faciles que vous ne le pensez. Tu veux le savoir ? Rejoignez-nous aujourd'hui

AnalogJS, le meta-framework pour Angular que l'on attendait plus ( ou pas )

par Benjamin Legrand

AnalogJS est un nouveau venu dans le monde des meta-frameworks.

Qu'est ce qu'un meta-framework déjà ? Chaque framework SPA en a un, React a Next.js ou Remix, Vue.JS a Nuxt, Svelte a sveltekit, Qwik a Qwik city

Et maintenant Angular a AnalogJS. Qu'est ce qu'on peut faire avec ce genre de solutions ?

Du routage basé sur l'arborescence de répertoire et de fichiers, du rendu serveur dès la sortie de la boite, et plein d'autres fonctionnalités...

Voyons ensemble comment tout ça fonctionne et pourquoi c'est super-ultra-méga-cool.

Higher order observables & higher order mapping operators in RxJs - Lamis Chebbi

Lamis Chebbi — Tue, 09 Jan 2024 19:00:00 GMT

Programme

Higher order observables & higher order mapping operators in RxJs

par Lamis Chebbi

AnalogJS, le meta-framework pour Angular que l'on attendait plus ( ou pas )

par Benjamin Legrand

AnalogJS est un nouveau venu dans le monde des meta-frameworks.

Qu'est ce qu'un meta-framework déjà ? Chaque framework SPA en a un, React a Next.js ou Remix, Vue.JS a Nuxt, Svelte a sveltekit, Qwik a Qwik city

Et maintenant Angular a AnalogJS. Qu'est ce qu'on peut faire avec ce genre de solutions ?

Du routage basé sur l'arborescence de répertoire et de fichiers, du rendu serveur dès la sortie de la boite, et plein d'autres fonctionnalités...

Voyons ensemble comment tout ça fonctionne et pourquoi c'est super-ultra-méga-cool.

Finies les apps, pensez libs avec Nx ! - Younes Jaaidi

Younes Jaaidi — Mon, 04 Dec 2023 19:00:00 GMT

Programme

Signals en Angular - C'est du Solid(JS) !

par Emmanuel Kerjean par Stephen Clodic

Détecter et réagir aux changements d’états a toujours été un point faible d’Angular. Basée sur ZoneJS, la “detection changes” manque de granularité et peut conduire à un manque de fluidité d’un point de vue UX. L'utilisation de RxJS et/ou de la stratégie “OnPush” d’Angular a permis de compenser en partie ce problème, sans être totalement satisfaisant (syntaxe lourde).

La V16 d'Angular, sortie en mai 2023, dispose d'une nouvelle feature des plus intéressantes : les Signals. Inspirés de SolidJS, les Signals visent à optimiser la réaction aux changements d'Angular, afin de rationaliser l'utilisation de RxJS et conserver une syntaxe claire et concise.

Répondez au signal, et venez assister au talk pour en savoir plus !

Finies les apps, pensez libs avec Nx !

par Younes Jaaidi

Qui a dit monorepo ? Bien que Nx soit la principale alternative “human readable” à Bazel pour organiser un monorepo, Nx est aussi un outil permettant de découper aisément nos applications en libs. Cela dit, à quelles fins céderions-nous à une telle tentation ? Par simple esthétisme, ou bien plus ?

Donnons-nous rendez-vous à ce talk pour que vous puissiez observer par vous même les gains que peut vous apporter Nx, dès demain au travers d’une adoption progressive.

Signals en Angular - C'est du Solid(JS) ! - Emmanuel Kerjean- Stephen Clodic

Emmanuel Kerjean- Stephen Clodic — Mon, 04 Dec 2023 19:00:00 GMT

Programme

Signals en Angular - C'est du Solid(JS) !

par Emmanuel Kerjean par Stephen Clodic

Répondez au signal, et venez assister au talk pour en savoir plus !

Finies les apps, pensez libs avec Nx !

par Younes Jaaidi

Donnons-nous rendez-vous à ce talk pour que vous puissiez observer par vous même les gains que peut vous apporter Nx, dès demain au travers d’une adoption progressive.

Table ronde Angular 17

Tue, 07 Nov 2023 19:00:00 GMT

Table ronde

Intervenants

Nantes | Live core team Angular

Mon, 06 Nov 2023 19:00:00 GMT

Programme

Rediffusion en live de la présentation des dernières nouveautés d'Angular par la core team.

Zenika Nantes nous invite à un apéro networking pour poursuivre les échanges.

Suivez le livestream depuis votre canapé: goo.gle/angular-event

Comment contribuer à Angular - Matthieu Riegler

Matthieu Riegler — Tue, 03 Oct 2023 19:00:00 GMT

Interview: Contribuer à Angular

par Matthieu Riegler

Actif dans de nombreuses communautés d'entraide autour d'Angular, Matthieu Riegler est également contributeur à Angular. Ses contributions sont aujourd'hui reconnues par la core team d'Angular et il a été nommé Angular Collaborator.

Il nous parlera de son expérience et des moyens de contribuer à Angular.

The next generation of Angular Application - Nicolas Frizzarin

Nicolas Frizzarin — Tue, 03 Oct 2023 19:00:00 GMT

Programme

The next generation of Angular Application

par Nicolas Frizzarin

Angular 14 est sorti en juin 2022, et cette version annonce que les modules Angular deviennent optionnels.

Whaooouuu, jusqu'à maintenant les modules étaient le concept de base d'une application Angular. Toute l'architecture d'une application Angular gravitait autour de ce concept. En résumé les modules étaient une pièce centrale de nos applications. Depuis la sortie de la version 14 d'Angular, ce sont les composants qui occupent ce rôle. Ces composants spécifiques sont appelés: "Standalone Components".

Cependant cette version apporte bien d'autres nouveautés, toutes très intéressantes comme:

la composition par injection
les formulaires typés
une nouvelle façon de gérer les titres de nos SPA
La composition de directive (avec Angular 15)

Comment ces nouveautés vont changer notre façon d'architecturer nos applications ? Comment les intégrer dans nos applications existantes ? Les modules vont-ils devenir deprecated ?

L'objectif de ce talk est d'expliquer tous les concepts de cette nouvelle version et de donner des uses cases sur quand et comment les utiliser et les intégrer dans des applications existantes

Interview: Contribuer à Angular

par Matthieu Riegler

Il nous parlera de son expérience et des moyens de contribuer à Angular.