🎬 Angular v19 - Schematic de migration vers les signaux (Signal Input, Output Function, Signal Queries) Avec la stabilisation de l'API de communication entre composants et des signal queries dans la version 19, Angular met à notre disposition un nouveau Schematic qui facilite la migration de gros projets en seulement quelques lignes de commande. Dans cette vidéo, nous verrons comment ce nouveau Schematic permet de migrer des projets, les différentes options qui s'offrent à nous, ainsi que comment corriger les problèmes que l'on peut rencontrer lors de son utilisation (par exemple, la casse du two-way data binding ou les erreurs dans les tests des inputs). Vous trouverez le lien de la vidéo complète dans les commentaires. 🧠 Stay Curious! #devPropulsor #angular #migration #Schematic #Signal #SignalInput #OutputFunction #SignalQueries

🎬 Apprendre Angular de zéro - Input, Output : Communication entre Composants Après avoir découvert les composants Angular, exploré leur structure et les actions possibles au niveau du template d'un composant, nous allons aborder dans cette vidéo les "inputs" et "outputs". Des mécanismes simples, fournis par Angular, permettant à un composant de communiquer avec son composant parent. Comme nous le verrons, Angular repose par défaut sur un système de communication unidirectionnelle pour l’échange de données entre composants parent et enfant. Il permet d'utiliser les : - input (Singal Input): pour passer des données du parent vers l'enfant. - output (Output Function): pour transmettre des données de l'enfant vers le parent. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #component #communication #parentChild #signalInput #outputFunction

🎬 Angular v17 - Output Functions Après les @Input et le two-way data binding, c'est au tour des @Output. Contrairement aux "input" et aux "model" basés sur les signaux, les nouvelles "output function" ne sont pas basées sur les signaux. Il s'agit d'un changement de syntaxe pour plus de cohérence. Aussi, contrairement aux @Output traditionnels (EventEmitter) qui pouvaient être remplacés par des Subjects ou des Observables comme démontré dans la vidéo du jour, les nouvelles "output function" sont des OutputEmitterRef et ne permettent plus cela. Pour faciliter l'interopérabilité entre OutputEmitterRef et Observable, l'équipe Angular nous met à disposition deux fonctions utilitaires : outputFromObservable et outputToObservable. Nous pouvons les utiliser pour créer des outputs(OutputEmitterRef) à partir d'Observables et inversement. Si vous ne voyez pas à quoi peuvent servir ces fonctions utilitaires ou dans quels cas elles peuvent s'avérer utiles, vous trouverez votre réponse à travers quelques exemples pratiques dans la vidéo du jour. Dans la prochaine vidéo de cette série, je vous parlerai des Signal Queries. Vous trouverez en commentaire, le lien de la vidéo complète. 🧠 Stay Curious!! #devPropulsor #Angular #output #outputFunction #outputFromObservable #outputToObservable

Pro tip: get pretty colored output via this setup: from icecream import ic, colorize ic.configureOutput(prefix='➟ ', outputFunction=lambda s: print(colorize(s)))