Vous aimez savoir ce qui se passe sous le capot ? Moi aussi.

Sur les projets Angular, les bugs viennent souvent de la gestion des flux de données. Forte d’une expérience dans une “task force” dédiée à la résolution de bugs sur un projet client avec une dizaine d’équipes, j’ai eu envie de créer un debugger from scratch pour mieux comprendre et maîtriser le data flow d’Angular.

Ensemble, construisons un debugger spécialisé pour explorer les mécanismes internes d’Angular :

• Découvrir le change detection et le cycle de vie des composants
• Créer un debugger custom
• Ajouter des features sur-mesure : breakpoints sur les @Input et @Output
• Debugger une petite app Angular avec notre outil

Vous repartirez avec des insights pour mieux comprendre le data flow, éviter les pièges classiques et acquérir une méthode d’investigation avancée applicable à tous vos projets. Prêts à creuser ?

With the brand-new httpResource, Angular provides us with a way to fetch data within the reactive, Signal-based data flow. In this session, we will explore all the details of this groundbreaking building block.

First, we will migrate an existing data access logic based on HttpClient to httpResource and discuss how it integrates into our architecture and the reactive graph. Next, we will explore advanced capabilities, such as tracking progress (reportProgress), integrating schema validation (parse), and working with binary data as well as data formats beyond JSON. In addition to error-handling strategies, this session will also highlight the limitations of httpResource.

By the end, you will know how to effectively leverage the new httpResource in your Signal-based Angular applications.

L’injection de dépendances est au cœur d’Angular. Pourtant, elle est souvent réduite à un simple mécanisme pour instancier des services…

Quel dommage !

Bien exploitée, elle devient un véritable levier pour structurer intelligemment son code, améliorer la testabilité et concevoir des applications plus modulaires, flexibles et évolutives.

Dans ce talk, vous apprendrez à :

• Comprendre le fonctionnement du mécanisme d’injection de dépendances dans Angular
• Explorer des cas concrets où elle simplifie et optimise le développement
• Découvrir des patterns pour écrire un code plus propre et réutilisable

Que vous soyez débutant(e) ou expérimenté(e), vous repartirez avec une vision claire et directement applicable sur vos projets !

Prêt(e) à transformer votre manière de concevoir des applications Angular ?

To be announced

Users spend 90% of their time interacting with applications after they load, but most developers just focus on speeding up the initial load.

In this talk we will go beyond initial loading strategies, and make future navigation feel instant by predicting what users might click on next and loading those parts ahead of time.

We will use real applications to see how to implement speculative loading techniques and how you can measure the improvement with soft navigation’s largest contentful paint (LCP).

Finally we will demonstrate how you can convert a 2 second navigation into less than 100 milliseconds using the Intersection Observer API, the Angular router and HTML link tags.

Angular’s Server-Side Rendering (SSR) and hydration capabilities are evolving with cutting-edge enhancements that significantly boost performance, interactivity, and developer flexibility. Features like incremental hydration streamline load times, while event replay ensures seamless user interactions, redefining how applications manage rendering and interactivity.

With the introduction of Signals, Angular has made a strong statement toward state management. Using a Signal as a container for state, along with functions like computed, resource, and others, raises the big question of whether there’s still a need for specialized libraries like NgRx.

In my talk, I’ll explore this question and demonstrate how far you can go with native tools and where you may hit limitations, making a shift to a solution like the NgRx Signal Store worthwhile.

Selon l’Observatoire du respect des obligations d’accessibilité, seulement moins de 5% des sites web sont accessibles pour les personnes handicapées.

Dans cette conférence, nous explorons les six erreurs d’accessibilité les plus courantes sur un site web. Afin de les corriger, je vous présenterai des conseils simples à mettre en pratique en HTML et un peu de CSS.

Je vous expliquerai aussi comment effectuer un test avec un lecteur d’écran et le clavier afin de vérifier si sa page web est accessible ainsi que comment mettre des tests automatisés.

Vous voulez écrire de meilleurs tests unitaires ? Des tests plus lisibles et à l’épreuve des migrations que l’équipe Angular nous inflige propose ? Ce talk est fait pour vous ! 🤩

JB (auteur de ngx-speculoos et ngx-valdemort) et Cédric (contributeur Angular core et CLI, mainteneur de Vue Test Utils) sont là pour vous parler stratégies, zoneless, outils et bonnes pratiques !

Q&A session with speakers.