Тёмный

J’ai enfin compris à quoi servent les Signals dans Angular (en participant à une conférence privée) 

Simon Dieny - Code Senior
Подписаться 47 тыс.
Просмотров 14 тыс.
50% 1

👨🏻‍💻 Démarrer votre carrière de Développeur Professionnel :
www.angularsenior.fr/apply
***
Cela fait plusieurs semaines que je suis inquiet par rapport à mon expertise SENIOR, qui est Angular.
En effet, je suis incapable de comprendre pourquoi nous avons la nouvelle API des Signals dans le Framework...
Et c'est plutôt grave !
J'ai plus de chance de passer pour un guignol qu'un expert,
si je ne sais même pas quel est le rôle de tel ou tel élément dans Angular.
Heureusement, j'ai eu la chance de participer à une conférence privée récemment, grâce à mon employeur.
Le conférencier, un développeur très compétent, nous a expliqué exactement quel serait l'avenir d'Angular avec l'API des Signals.
Et on a du boulot en tant que développeur Angular professionnel !
Bon visionnage,
Simon.
***
- Site de mon employeur AViSTO : www.avisto.com
- Site de la conférence (Le SnowCodeCamp) : snowcamp.io
- Compte Twitter/X de Sylvain Dedieu : / dedieus
- Lien vers la conférence : snowcamp2024.sched.com/event/...
- Documentation officielle d'Angular sur les Signals : angular.dev/guide/signals
00:00 : Introduction
00:14 : Une conférence privée dédiée aux développeurs professionnels...
00:48 : Le problème des Signals dans Angular
01:47 : Présentation du speaker de la conférence
02:04 : Qu'est-ce que la Réactivité ?
04:02 : Réactivité n°1 : "Value-Based"
07:44 : Réactivité n°2 : "Observable-Based"
10:57 : Réactivité n°3 : "Signal-Based"
12:30 : Le composant Angular du futur
13:40 : Schéma de la Réactivité dans une application Angular
14:25 : Ce que Vous devez faire AUJOURD'HUI en tant que développeur Angular professionnel
14:48 : La Newsletter du Code Senior

Опубликовано:

 

12 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 67   
@ameltriki2497
@ameltriki2497 7 дней назад
Merci beaucoup! C'est comme d'habitude expliqué d'une façon bien simple et claire :)
@afrique_cr9563
@afrique_cr9563 4 месяца назад
J'apprends beaucoup grâce à toi Simon, salut depuis le Cameroun
@codeursenior
@codeursenior 4 месяца назад
Super, merci pour ton message. J'espère vous proposer d'autres vidéo prochainement, Simon.
@dessinfacile8960
@dessinfacile8960 4 месяца назад
Moi aussi depuis le Cameroun t'es le meilleur 😊...
@codeursenior
@codeursenior 4 месяца назад
@@dessinfacile8960 💪
@SpaceisFunnySF
@SpaceisFunnySF 4 месяца назад
Un grand merci pour la vidéo! J’avais pas encore pris le temps de creuser le sujet depuis la release. Faut s’y mettre 😅
@codeursenior
@codeursenior 4 месяца назад
Et oui, l'heure approche à grands pas ! Le plus dur sera les montées de version dans un premier temps, en passant les dépendances à full-IVY.
@WebCodeSolutions-ob3pf
@WebCodeSolutions-ob3pf 2 месяца назад
Merci, c'était très intéressant.
@codeursenior
@codeursenior 2 месяца назад
Salut, merci pour ton retour. Bon code, Simon.
@alainzinhonambinintsoa2914
@alainzinhonambinintsoa2914 2 месяца назад
Merci Simon
@codeursenior
@codeursenior 2 месяца назад
Avec plaisir, bon code !
@simonbullado
@simonbullado 4 месяца назад
C'est génial !!!
@codeursenior
@codeursenior 4 месяца назад
Je suis d'accord avec vous !
@marcfoletto5682
@marcfoletto5682 4 месяца назад
super vidéo merci
@codeursenior
@codeursenior 4 месяца назад
Au top, bon code à vous.
@maxenceyrowah4261
@maxenceyrowah4261 4 месяца назад
Merci beaucoup senior
@codeursenior
@codeursenior 4 месяца назад
Vous pouvez m'appeler "codeur seigneur" également.
@Simon_IHG
@Simon_IHG 4 месяца назад
Je ne comprends pas trop le point du subscribe/unsubscribe pour le cas du count. Tout ça est géré par le pipe async. Imaginons qu'on ait un gros traitement avec plusieurs opérateurs RxJS (switchmap, map, shareReplay), à aucun moment il est nécessaire de subscribe ou unsubscribe à la main.
@codeursenior
@codeursenior 4 месяца назад
Hello, effectivement la vidéo n'est pas très claire sur ce sujet. Ce que souhaitait expliquer, c'est que pour développer un moteur de réactivité basé sur les Observables, c'est une vraie galère.
@gemini9775
@gemini9775 4 месяца назад
interessant merci Simon ^^
@codeursenior
@codeursenior 4 месяца назад
Merci pour ton retour, bon code. Simon.
@DeVs51
@DeVs51 4 месяца назад
Merci bien expliqué merci
@codeursenior
@codeursenior 4 месяца назад
Au top, merci ! Bon code, Simon
@connecteilconnekt5625
@connecteilconnekt5625 4 месяца назад
Merci beaucoup
@codeursenior
@codeursenior 4 месяца назад
💪
@aimenjerbi8406
@aimenjerbi8406 4 месяца назад
top du top merci
@codeursenior
@codeursenior 3 месяца назад
Merci pour ton excellent commentaire. Bon code !
@springbootfr5825
@springbootfr5825 4 месяца назад
Merci beaucoup, est-il possible d'aoir un jour un tutoriel basé sur les signals?
@codeursenior
@codeursenior 4 месяца назад
Le prochain gros tutoriel de la chaîne sur Angular 17 inclura les Signals par défaut. 👍
@MrgnUTube
@MrgnUTube 4 дня назад
8:44 Oui, malheureusement j'ai vu ça dans quasi tous les projets initialisés par des "pro programmation réactive", et je confirme, cauchemar assuré.
@landryonana7123
@landryonana7123 21 день назад
Bonjour et merci beaucoup pour cette vidéo très claire pour moi; S'il vous plait vous pouvez nous faire une petit app très présentative dans ce sens ?
@codeursenior
@codeursenior 19 дней назад
Salut, merci pour ton retour. Je n’ai pas prévu de faire une application complète sur le sujet. Par contre c’est sûr que d’autres vidéos devront être faites sur le sujet des Signals, notamment leur intégration avec les formulaires ou RxJs. Bon code !
@massinissachaouchi4595
@massinissachaouchi4595 Месяц назад
Bonjour à tous, donc si j'ai bien compris à pars la fonction computed() qui permet de créer facilement des side effect. Les signals n'apportent qu'un gain de performance. Avec les signals nous ne sommes pas capable en tant que développeur de créer des choses plus puissances mais juste les même choses qu'avant mais en plus performant ?
@codeursenior
@codeursenior Месяц назад
Salut, non, c'est la méthode Effect qui permet de créer des side effects. Computed sert à calculer un état dérivé à partir d'autres Signals. Et oui, nous pouvons recréer la même chose qu'avec la librairie RxJS, mais avec un gain de performance est un gain de temps et de maintenabilité aussi.
@naspy971
@naspy971 2 месяца назад
j'ai commencé a les utiliser mais pour remplacer les properties en pipe async, mais du coup, le but c'est de créer toute ses propriétés en signals ?
@codeursenior
@codeursenior 2 месяца назад
Hello, je suis entrain de me renseigner sur le sujet. Je vous recommande de regarder du côté des Signal Based Component. Dans ce cas, oui toutes les propriétés seront des signals. 👍
@aboubakardosso3481
@aboubakardosso3481 Месяц назад
Bonjour M. SIMON , j'aimerais moi savoir si les signaux peuvent etre utiliser pour gerer la réactivité de notre application au lieu d'utiliser ngrx
@codeursenior
@codeursenior Месяц назад
Tout à fait, c’est d’ailleurs un de leurs rôle détourné, et il y a une librairie officielledont le rôle va être de faire du state management avec les signals : ngrx signal store. Bon code !
@aboubakardosso3481
@aboubakardosso3481 Месяц назад
@@codeursenior d'accord merci infiniment M.SIMON ...
@aboubakardosso3481
@aboubakardosso3481 Месяц назад
la bibliothèque ngrx signal store est elle deja disponible ?
@codeursenior
@codeursenior Месяц назад
@@aboubakardosso3481 Oui, mais toujours en Developer Preview.
@TTxR2
@TTxR2 4 месяца назад
Ok, on le savait déjà. Mais *comment* les utiliser ? Comment tirer parti au maximum de leurs capacités ? Quel design pattern adopter ? Quel data flow adopter et notamment la frontière entre rxjs et les signaux ? Leur utilité pour collections ? La seule chose qui est rapidement montrée c'est un input signal. Mais ça ne fait rien de plus qu'un input classique au sein du composant. Et ce qui est bound à l'input c'est quoi ? Un autre signal ?? La valeur d'un signal ? Bref, il aurait été intéressant d'avoir la réponse à la question posée dans le titre de cette vidéo. Là, après cette longue vidéo, on reste très largement sur notre faim 😢
@codeursenior
@codeursenior 4 месяца назад
La vidéo n'est pas technique, car c'est un second point. La première question, c'est POURQUOI/Quel problème ça résout. Les Signals sont là pour permettre de mettre en place des composants avec une réactivité "Signal Based" à l'avenir dans Angular. Une autre vidéo technique sera prévue dans le prochain tutoriel Angular 17, où on mettra ça en place.
@TTxR2
@TTxR2 4 месяца назад
@@codeursenior Excellent ! Ce serait bien de faire un exemple concret avec un arbre de composants, une collection, des appels WS, etc.. un projet un peu étoffé pour voir où laisser rxjs et où mettre des signaux. La doc d'Angular est complètement lacunaire sur les use cases où les utiliser. On se contente d'improviser. Ont-ils parlé de leur utilisation concrète dans cette fameuse conférence ?
@dienysimon6557
@dienysimon6557 4 месяца назад
@@TTxR2 Hello, entièrement d'accord. Ou en est l'état de l'art avec l'apparition des Signaux ? Notamment la cohabitation RxJS et Signals... Aucun mention dans la conférence sur les futures applications industrielles de tout ça.
@ascensionspirituelle7287
@ascensionspirituelle7287 4 месяца назад
Deja on va essayer de passer a la version 16 d'Angular 😊
@codeursenior
@codeursenior 4 месяца назад
Hello, effectivement Angular 16 impose IVY, ce qui nécessite souvent un gros effort de montée de version des dépendances. Bon courage !
@Creativeetea
@Creativeetea 4 месяца назад
Les gens qui sont sur un projet angular < 13, levez la main ✋
@ascensionspirituelle7287
@ascensionspirituelle7287 4 месяца назад
@@codeursenior Le boss décide qu'au lieu de passer par la 16, on passerait direct a la 17 une fois qu'elle sera stable. Je crois que la version actuelle est la 12. Autant dire que ça va pas être une tache simple ✋🏼🧔🏼‍♂️🤚🏼
@codeursenior
@codeursenior 4 месяца назад
@@ascensionspirituelle7287 Pro tips : Monter qu'une version de major à la fois. Donc viser la 13. 👍
@codeursenior
@codeursenior 4 месяца назад
@@CreativeeteaHello, la montée jusqu'à la version 15 se fait. On a chiffré une journée par montée de version jusque-là. Le passage à la version 16 est plus costaud, si vous avez de vielles dépendances il faut les passer sur Ivy. Cela nous a couté 1 mois de notre côté à titre d'exemple. Bon courage !
@fredV35
@fredV35 4 месяца назад
On dit les signaux ! 😂 Dsl 🥲
@codeursenior
@codeursenior 4 месяца назад
Les Signals ou les Signaux ? Le débat reste ouvert.
@fredV35
@fredV35 4 месяца назад
@@codeursenior Si on parle de l'API, Signals me semble plus cohérent, mais pour le concept en lui même, je dirais les signaux
@codeursenior
@codeursenior 4 месяца назад
@@fredV35 Ok, pourquoi pas. Merci pour la précision !
@R.e.n.e
@R.e.n.e 4 месяца назад
Ça dépend surtout si on veut utiliser le thermes français ou anglais. C'est comme library vs bibliothèque.
@codeursenior
@codeursenior 4 месяца назад
@@R.e.n.e Ma question est de savoir si "Signal" est vraiment traduisible. Comme le terme "Observer", je n'ai jamais entendu dire "Il faut modifier le code de ton Observateur".
@serge_amon
@serge_amon 4 месяца назад
Finalement JavaScript est une école.😅
@codeursenior
@codeursenior 4 месяца назад
Il était temps !
Далее
Nobody Can Do it🚗❓
00:15
Просмотров 3,1 млн
ТОП 10 Худших игроков Евро-2024
30:22
Почему худеют от Оземпик?
00:37
Просмотров 66 тыс.
Dix conseils pour les devs juniors
8:24
Просмотров 1,1 тыс.
Maîtrisez ces 3 soft-skills pour coder chez Google
22:33
Nobody Can Do it🚗❓
00:15
Просмотров 3,1 млн