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

Поділитися
Вставка
  • Опубліковано 29 січ 2025

КОМЕНТАРІ • 70

  • @afrique_cr9563
    @afrique_cr9563 11 місяців тому +3

    J'apprends beaucoup grâce à toi Simon, salut depuis le Cameroun

    • @codeursenior
      @codeursenior  11 місяців тому +1

      Super, merci pour ton message.
      J'espère vous proposer d'autres vidéo prochainement,
      Simon.

    • @dessinfacile8960
      @dessinfacile8960 11 місяців тому

      Moi aussi depuis le Cameroun t'es le meilleur 😊...

    • @codeursenior
      @codeursenior  11 місяців тому

      @@dessinfacile8960 💪

  • @ameltriki2497
    @ameltriki2497 6 місяців тому

    Merci beaucoup! C'est comme d'habitude expliqué d'une façon bien simple et claire :)

  • @Simon_IHG
    @Simon_IHG 11 місяців тому +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  11 місяців тому +1

      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.

  • @SpaceisFunnySF
    @SpaceisFunnySF 11 місяців тому

    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  11 місяців тому

      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.

  • @springbootfr5825
    @springbootfr5825 11 місяців тому +2

    Merci beaucoup, est-il possible d'aoir un jour un tutoriel basé sur les signals?

    • @codeursenior
      @codeursenior  11 місяців тому +2

      Le prochain gros tutoriel de la chaîne sur Angular 17 inclura les Signals par défaut. 👍

  • @aboubakardosso3481
    @aboubakardosso3481 8 місяців тому

    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  8 місяців тому

      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 8 місяців тому

      @@codeursenior d'accord merci infiniment M.SIMON ...

    • @aboubakardosso3481
      @aboubakardosso3481 8 місяців тому

      la bibliothèque ngrx signal store est elle deja
      disponible ?

    • @codeursenior
      @codeursenior  8 місяців тому

      @@aboubakardosso3481 Oui, mais toujours en Developer Preview.

  • @alainzinhonambinintsoa2914
    @alainzinhonambinintsoa2914 8 місяців тому

    Merci Simon

  • @simonbullado
    @simonbullado 11 місяців тому

    C'est génial !!!

    • @codeursenior
      @codeursenior  11 місяців тому

      Je suis d'accord avec vous !

  • @WebCodeSolutions-ob3pf
    @WebCodeSolutions-ob3pf 8 місяців тому

    Merci, c'était très intéressant.

    • @codeursenior
      @codeursenior  8 місяців тому

      Salut, merci pour ton retour. Bon code, Simon.

  • @massinissachaouchi4595
    @massinissachaouchi4595 8 місяців тому

    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  8 місяців тому

      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 9 місяців тому

    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  9 місяців тому +1

      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. 👍

  • @marcfoletto5682
    @marcfoletto5682 11 місяців тому

    super vidéo merci

  • @landryonana7123
    @landryonana7123 7 місяців тому

    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  7 місяців тому

      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 !

  • @gemini9775
    @gemini9775 11 місяців тому

    interessant merci Simon ^^

    • @codeursenior
      @codeursenior  11 місяців тому

      Merci pour ton retour, bon code.
      Simon.

  • @maxenceyrowah4261
    @maxenceyrowah4261 11 місяців тому

    Merci beaucoup senior

    • @codeursenior
      @codeursenior  11 місяців тому

      Vous pouvez m'appeler "codeur seigneur" également.

  • @MrgnUTube
    @MrgnUTube 6 місяців тому

    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é.

  • @aimenjerbi8406
    @aimenjerbi8406 11 місяців тому

    top du top merci

    • @codeursenior
      @codeursenior  9 місяців тому

      Merci pour ton excellent commentaire.
      Bon code !

  • @connecteilconnekt5625
    @connecteilconnekt5625 11 місяців тому

    Merci beaucoup

  • @pl967101
    @pl967101 4 місяці тому

    Tu es sur que RXJS ne va pas coexister avec les signaux ? J'avais entendu comme quoi RXJS n'allait pas disparaitre ....

    • @codeursenior
      @codeursenior  4 місяці тому

      Mon jugement actuel est que les Signals et les Observables vont cohexister. Le Signal sera par contre de plus en plus présent sur la partie template/rendering et state management.

  • @TTxR2
    @TTxR2 11 місяців тому +2

    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  11 місяців тому +1

      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 11 місяців тому +1

      @@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 11 місяців тому +1

      @@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.

  • @DeVs51
    @DeVs51 11 місяців тому

    Merci bien expliqué merci

    • @codeursenior
      @codeursenior  11 місяців тому

      Au top, merci !
      Bon code,
      Simon

  • @ascensionspirituelle7287
    @ascensionspirituelle7287 11 місяців тому

    Deja on va essayer de passer a la version 16 d'Angular 😊

    • @codeursenior
      @codeursenior  11 місяців тому +1

      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 10 місяців тому +1

      Les gens qui sont sur un projet angular < 13, levez la main ✋

    • @ascensionspirituelle7287
      @ascensionspirituelle7287 10 місяців тому

      @@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  10 місяців тому +1

      @@ascensionspirituelle7287 Pro tips : Monter qu'une version de major à la fois. Donc viser la 13. 👍

    • @codeursenior
      @codeursenior  10 місяців тому

      @@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 !

  • @serge_amon
    @serge_amon 11 місяців тому

    Finalement JavaScript est une école.😅

  • @guillaumeJonjon
    @guillaumeJonjon 3 місяці тому

    Un signal, des signaux…

  • @fredV35
    @fredV35 11 місяців тому +2

    On dit les signaux ! 😂
    Dsl 🥲

    • @codeursenior
      @codeursenior  11 місяців тому

      Les Signals ou les Signaux ? Le débat reste ouvert.

    • @fredV35
      @fredV35 11 місяців тому +1

      @@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  11 місяців тому

      @@fredV35 Ok, pourquoi pas. Merci pour la précision !

    • @R.e.n.e
      @R.e.n.e 11 місяців тому

      Ça dépend surtout si on veut utiliser le thermes français ou anglais. C'est comme library vs bibliothèque.

    • @codeursenior
      @codeursenior  11 місяців тому

      @@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".