Agenda

AI coding agents promise speed, but too often they lead to code-and-fix loops, review fatigue, and high maintenance costs. In this talk, I'll introduce Charted Coding — a structured recipe for AI-assisted Angular development: start with a lightweight design doc (the menu), scaffold work-in-progress code and failing tests (mise en place), then let tests guide the AI step by step. I'll also compare this approach to alternatives like Spec Kit, so you can pick what fits your workflow. You’ll see how to keep AI from vibe-coding your Angular apps into chaos, while leveraging MCP servers and tools like WallabyJS to smooth the workflow. The result: maintainable, predictable code your whole team can trust.

Signal Forms are the next missing link Angular adds to its signals story.

The basics are easy to grasp, but the new forms API has much more to offer. In this session, we discuss advanced features such as large forms that are split into sub-forms, working with arrays, using metadata, conditional validations, dealing with null values and form models, and building custom controls. We also explore how Signal Forms can work together with Reactive Forms to support a step-by-step migration.

By the end, you will have a clear overview of the advanced capabilities of Signal Forms and know how to apply them effectively in your projects.

Angular no longer requires Zone.js, but dropping it isn’t just a switch-it’s a mindset shift. This session covers what really happens when you remove Zone.js, how change detection transforms, and how to handle reactivity using Signals and manual strategies. We’ll explore the architectural shift and, most importantly, provide a practical roadmap on how to prepare your code for a zoneless future.

À la découverte du Harness Testing en Angular

Marre de vos tests unitaires Angular qui cassent au moindre changement de style ou de structure HTML ? L'écriture de tests d'intégration robustes peut être un véritable cauchemar... jusqu'à ce que vous découvriez les Component Test Harnesses.

Dans ce talk, nous allons plonger au cœur des Harnesses officiels d'Angular pour le Material Design et, plus important encore, apprendre à créer nos propres Harnesses personnalisés pour nos composants réutilisables. Vous découvrirez comment cette approche permet de séparer clairement la logique de test de l'implémentation DOM de vos composants. Nous verrons comment interagir avec des éléments complexes (comme des tableaux, des formulaires ou des modales) d'une manière simple, stable et maintenable, grâce à une API de test agnostique du DOM.

Rejoignez-moi pour découvrir comment rendre votre suite de tests plus fiable, lisible et résiliente face aux refactorisations, et mettez fin aux tests fragiles pour de bon !

Discover how game-changing Angular Resources will be for your Angular applications. We'll dive into what Angular Resources are, why they matter, and how they can replace most RxJs code in your Angular applications. We’ll see how to use resources for cleaner, more concise code. A perfect talk for those looking to level up their Angular skills and stay ahead with the latest features.

Angular Signals have revolutionized local state, but how do you scale that reactivity across your entire application? This session demystifies NgRx SignalStore, the lightweight yet powerful toolkit that serves as the natural extension to Angular's reactive primitives.

We'll explore how SignalStore eliminates boilerplate and scales from a simple service with signals to a full-fledged, enterprise-grade solution. You'll discover the latest enhancements, including powerful entity management, advanced composition with withFeature, and how the optional Events plugin brings a decoupled, Flux-inspired architecture to your fingertips.

Leave this session ready to build cleaner, more performant, and scalable Angular applications with the ultimate tool for modern, signal-based state management.

When I started using Angular in 2018, most architectural "rules" were already set in stone: Smart vs. Dumb components, isolated domains, and shared modules.

For years, these patterns have stood the test of time. But do they fit the simplicity of Modern Angular?

In this talk, we will put these patterns on trial. We will analyze where the classic approaches hold us back and where they still add value.

Then, we will look forward. We will discuss how Modern Angular enables new, simplified patterns, draw comparisons with how other frameworks handle state and composition, and review the tools that support this shift. Join me for a refreshing take on how to structure your next application.

Un Design System est un ensemble de composants UI, de règles et de conventions visant à garantir la cohérence visuelle et l’expérience utilisateur à travers différentes applications.

Il existe de nombreux Design Systems prêts à l’emploi, tels que Material Design (Google), Human Interface Guidelines — aussi appelées Cupertino (Apple), ou encore Fluent (Microsoft). Mais jusqu’où sont-ils réellement adaptables ? Et si l’on souhaite créer son propre Design System, par où commencer ?

Chez Criteo, le CDS (Criteo Design System) permet aux différentes équipes d’intégrer leurs micro-frontends au sein d’une même plateforme, de manière totalement transparente pour l’utilisateur final. Bien qu’il s’agisse d’un Design System « maison », le CDS repose sur une surcouche d’Angular Material.

À travers ce talk, je vous propose un retour d’expérience critique sur le développement et la maintenance d’un Design System interne, ainsi que des conseils concrets applicables aussi bien à votre propre Design System qu’à toute application qui en dépend, avec un focus particulier sur l’optimisation des performances.

Objectif: Apprendre à dériver des types à partir d'autres types pour créer des APIs impossibles à mal utiliser (type-safe), où TypeScript guide le développeur et détecte les erreurs à la compilation plutôt qu'au runtime.

Exemple final: Partage des différentes technique et astuces à connaître pour apprendre à dériver les types avec des cas pour illustrer. Exemple finale pour écrire la signature (pas l'implémentation) soit lié au signalForm ou créer un utilitaire mutation (basé sur RxJs), qui combine plusieurs de ces techniques.