No video

Le Signal dans Angular : Pourquoi et comment t’en servir en moins de 15 minutes (2023)

  Рет қаралды 5,390

Arthur Lannelucq

Arthur Lannelucq

Күн бұрын

Пікірлер: 27
@thomasmollaret1930
@thomasmollaret1930 Ай бұрын
Présentation bien claire pour aborder ce sujet, merci
@ArthurLannelucq
@ArthurLannelucq Ай бұрын
Merci pour ton retour !
@karteldjsounds1063
@karteldjsounds1063 Ай бұрын
merci
@lofofojb
@lofofojb 9 ай бұрын
Une vidéo d'une excellente qualité ! C'est ludique, synthétique et bien montée. Félicitions et merci beaucoup !
@ArthurLannelucq
@ArthurLannelucq 9 ай бұрын
Merci pour ton commentaire ! 😁
@ddbonpc
@ddbonpc Жыл бұрын
Très prometteur !
@ArthurLannelucq
@ArthurLannelucq Жыл бұрын
Exactement, 2023 est une très bonne année pour redonner sa chance à Angular !
@Shin_v2
@Shin_v2 Жыл бұрын
Merci pour tes explications et ton exemple concret !
@cyborgue4344
@cyborgue4344 Жыл бұрын
Très bonne introduction aux signaux 🙂. Exemple concret qui permet de se projeter facilement dans un cas plus personnel. Le chapitrage est le bienvenue ;).
@nxxdev7926
@nxxdev7926 10 ай бұрын
super vidéo, merci
@ArthurLannelucq
@ArthurLannelucq 10 ай бұрын
Merci pour ton commentaire ! 😁
@digiblade6750
@digiblade6750 7 ай бұрын
Merci
@ArthurLannelucq
@ArthurLannelucq 7 ай бұрын
Merci pour ton commentaire, j’espère que la vidéo t’a été utile ! 😁
@fayepapamamadou9332
@fayepapamamadou9332 Жыл бұрын
Bonjour. Merci pour la vidéo. Je trouve Angular intéressant mais beaucoup trop lourd. Pourquoi selon toi choisir Angular au lieu d'utiliser des librairies légères et très performantes comme Htmx ? Cordialement.
@ArthurLannelucq
@ArthurLannelucq Жыл бұрын
Les deux ne me semblent pas comparables : contrairement à Htmx, Angular est un framework complet te proposant de nombreuses fonctionnalités supplémentaires. De plus, lorsque tu choisis une technologie pour démarrer un nouveau projet, il faut également t’assurer qu’il y ait une forte communauté derrière pour t’assurer que tu trouveras des ressources lorsque tu rencontreras des difficultés, ce dont dispose Angular. C’est une question intéressante mais qui sort du cadre de cette vidéo, si tu veux plus d’infos je t’invite à me suivre ou à consulter d’autres ressources à ce sujet. À bientôt !
@patrickmontenegro5862
@patrickmontenegro5862 10 ай бұрын
salut tu peux me dire c'est quoi ton extension ou settings vscode pour afficher les types implicit directement stp
@ArthurLannelucq
@ArthurLannelucq 10 ай бұрын
Hello, je n’utilise aucune extension, c’est une fonctionnalité proposée par défaut dans IntelliJ !
@patrickmontenegro5862
@patrickmontenegro5862 10 ай бұрын
merciii !@@ArthurLannelucq
@rahff99
@rahff99 Жыл бұрын
Pas du tout convaincu par l'utilité des signal, d'ailleurs je sais toujours pas ce que c'est vraiment, comment on implémente ce pattern ? Et ce vraiment un pattern ? Et peux l'utiliser en dehors du composant ?
@ArthurLannelucq
@ArthurLannelucq Жыл бұрын
Il ne s’agit pas d’un pattern, mais d’un type de données que tu peux réutiliser partout dans ton application (ex: dans un composant, un service, un state, …) Tu peux ensuite accéder à cette donnée n’importe quand, elle sera mise à jour automatiquement lorsqu’une nouvelle valeur sera émise, comme un observable mais ça peut être plus simple à utiliser. À noter que si tu souhaites appliquer des traitements plus complexes par la suite et utiliser les opériez RxJS, tu peux la transformer en observable via la fonction toObservable et retransformer l’observable en signal avec la fonction toSignal. Est-ce que tu y vois un peu plus clair ?
@rahff99
@rahff99 Жыл бұрын
​@@ArthurLannelucq j'ai regardé ce qu'il y a derriere le type Signal est un Provider "()=> T " et la function signal return a WritableSignal qui est une interface avec les method set update mutate qui prennent les fnMutate/update de type (value:T)=> void; donc y'a quand meme un bout de pattern derriere. J'ai pas trouvé d'implementation par default de WritableSignal
@ArthurLannelucq
@ArthurLannelucq Жыл бұрын
J’ai mal compris ta question, je pensais que tu parlais d’un design pattern. Le concept de Signal n’est pas propre à Angular, et tu le retrouve par exemple dans SolidJS ou Preact, mais même si la logique derrière ce type est la même, chaque framework/librairie a sa propre implémentation pour répondre à ses propres besoins. Dans le cadre d’Angular, les deux principaux avantages d’utiliser les Signals sont de : * Simplifier la réactivité au sein du framework pour des cas simples (tout en laissant la possibilité de les coupler aux observables si tu as besoin) * Améliorer la performance lors de la détection de changements gérée par Angular car il sera en mesure de mettre à jour uniquement les composants dont les Signals auront émis une nouvelle valeur plutôt que de parcourir tout l’arbre de composant et contrôler pour chaque élément s’il y a eu une modification ou non
@rahff99
@rahff99 Жыл бұрын
@@ArthurLannelucq Je ne suis pas sur d'avoir la meme definition de ce qu'est un design pattern, je sais que les signal ne sont pas typique d'Angular, c'est comme rxjs par exemple les Subject implement le design pattern que l'on appel Observer en conception logicielle, les signal de ce que j'ai vu y'a une interface et une mecanique de function de mutation donc forcement c'est un pattern et c'est ça qui m'interesse, comment on implémente ce pattern (comment on fais un signal from scratch)
@ArthurLannelucq
@ArthurLannelucq Жыл бұрын
Je viens de tomber sur cet article qui peut répondre à ta question : frontendmasters.com/blog/vanilla-javascript-reactivity/ 😉
🚦 Angular NgRx Signal Store Crash Course (For NgRx Beginners)
1:08:54
Angular University
Рет қаралды 16 М.
Box jumping challenge, who stepped on the trap? #FunnyFamily #PartyGames
00:31
Family Games Media
Рет қаралды 33 МЛН
Parenting hacks and gadgets against mosquitoes 🦟👶
00:21
Let's GLOW!
Рет қаралды 12 МЛН
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 129 МЛН
Signals Unleashed: The Full Guide
1:39:24
Rainer Hahnekamp
Рет қаралды 21 М.
Why didn't the Angular team just use RxJS instead of Signals?
8:15
Joshua Morony
Рет қаралды 92 М.
This Video Will Change How You Build AI Chatbots
10:14
Luuk Alleman
Рет қаралды 745
Angular 17 : La renaissance du framework
26:05
Arthur Lannelucq
Рет қаралды 10 М.
Angular Signals: The Complete Guide
15:22
Web Tech Talk
Рет қаралды 8 М.
🚦NEW Angular 17 model() feature ... You MUST Know This!
11:19
Angular University
Рет қаралды 4,8 М.
React a gagné. Pourquoi ?
14:16
Melvynx • Apprendre à coder
Рет қаралды 7 М.
Getting started with Angular Signals
11:03
Angular
Рет қаралды 42 М.
I only ever use *these* RxJS operators to code reactively
25:25
Joshua Morony
Рет қаралды 126 М.
Box jumping challenge, who stepped on the trap? #FunnyFamily #PartyGames
00:31
Family Games Media
Рет қаралды 33 МЛН