Que sont les signaux
Comprenez les signaux comme des conteneurs d’état réactifs.
Que sont les signaux est une leçon Angular Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Angular Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Angular Academy comprend 4 leçons au total.
Que sont les signaux ?
Un signal est une primitive réactive introduite dans les versions modernes d’Angular. Il encapsule une valeur et peut notifier les consommateurs intéressés lorsque cette valeur change.
Les signaux rendent la réactivité d’Angular explicite, granulaire et facile à comprendre.
Pourquoi la réactivité est importante
Dans un cadre d’interface utilisateur, l’écran doit rester synchronisé avec vos données. Lorsque les données changent, la vue doit se mettre à jour.
Les signaux permettent à Angular de savoir précisément ce qui a changé et ce qui en dépend, afin que seules les parties concernées de la vue soient actualisées.
Le problème avant les signaux
Auparavant, Angular s’appuyait sur Zone.js et sur une détection étendue des changements : après chaque événement asynchrone, Angular vérifiait à nouveau de grandes parties de l’arbre des composants.
Cette approche fonctionne, mais elle peut être inutilement coûteuse. Les signaux permettent des mises à jour précises sans tout parcourir.
Un signal contient une valeur
Imaginez un signal comme une boîte intelligente autour d’une valeur. Vous pouvez lire son contenu et le remplacer.
La lecture d’un signal enregistre également l’identité de son lecteur, afin que les éléments qui en dépendent puissent être mis à jour ultérieurement.
import { signal } from '@angular/core';
const count = signal(0);
// count is now a signal holding the number 0Lire consiste à appeler une fonction
Une idée essentielle : pour lire un signal, vous devez l’appeler comme une fonction. Les parenthèses indiquent à Angular que vous lisez la valeur actuelle.
const count = signal(0);
console.log(count()); // 0 <-- note the ()Les signaux sont synchrones
La lecture d’un signal est synchrone et renvoie toujours immédiatement la valeur actuelle. Il n’y a ni abonnement, ni pipe asynchrone, ni désabonnement manuel à gérer.
Signaux modifiables ou calculés
Le signal de base créé avec signal() est modifiable : vous pouvez changer sa valeur.
Il existe également des signaux calculés (valeurs dérivées) et des effets (effets secondaires), qui s’appuient sur les signaux modifiables.
Les signaux suivent les dépendances
Lorsqu’une valeur calculée ou un modèle lit un signal, Angular enregistre automatiquement cette dépendance.
Plus tard, si le signal change, seuls les éléments qui en dépendent sont recalculés. C’est ce qui rend les signaux efficaces.
Des mises à jour sans incohérences
Les signaux sont conçus pour être sans incohérences : les consommateurs voient toujours une valeur cohérente et ne sont pas informés d’un état intermédiaire partiellement mis à jour.
Cela rend les graphes réactifs complexes prévisibles.
Où se trouvent les signaux
Les signaux font partie de @angular/core. Vous importez signal, computed et effect depuis ce module.
Vous pouvez les utiliser dans des composants, des services ou n’importe quel code TypeScript.
import { signal, computed, effect } from '@angular/core';Les signaux dans un composant
Un schéma courant consiste à déclarer les signaux comme champs de classe dans un composant, puis à les lire dans le modèle.
import { Component, signal } from '@angular/core';
@Component({ selector: 'app-counter', template: '' })
export class CounterComponent {
count = signal(0);
}Vérification rapide : notions de base sur les signaux
Vérifions que vous avez bien compris ce qu’est un signal.
Récapitulatif : que sont les signaux ?
Vous avez appris qu’un signal est une enveloppe réactive autour d’une valeur qui notifie les consommateurs lorsqu’elle change. Vous lisez un signal en l’appelant avec des parenthèses, les lectures sont synchrones et les signaux permettent des mises à jour précises et sans incohérences.
Vous allez maintenant créer et lire vos propres signaux.
Questions Fréquemment Posées
La leçon « Que sont les signaux » est-elle gratuite ?
Oui — le texte complet de « Que sont les signaux » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Angular Academy, passe à CoddyKit PRO. Le cours Angular Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Que sont les signaux » ?
Comprenez les signaux comme des conteneurs d’état réactifs. Tu pratiques Angular Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Angular Academy ?
Aucune expérience préalable n'est requise. Angular Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Que sont les signaux » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Angular Academy ?
Oui. Chaque leçon Angular Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Que sont les signaux
- Créer et lire des signaux
- Mettre à jour les signaux avec set et update
- Signaux dans les modèles