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

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024

Комментарии • 69

  • @springbootfr5825
    @springbootfr5825 7 месяцев назад +2

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

    • @codeursenior
      @codeursenior  7 месяцев назад +2

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

  • @Simon_IHG
    @Simon_IHG 7 месяцев назад +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  7 месяцев назад +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.

  • @DeVs51
    @DeVs51 7 месяцев назад

    Merci bien expliqué merci

    • @codeursenior
      @codeursenior  7 месяцев назад

      Au top, merci !
      Bon code,
      Simon

  • @serge_amon
    @serge_amon 7 месяцев назад

    Finalement JavaScript est une école.😅

  • @TTxR2
    @TTxR2 7 месяцев назад +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  7 месяцев назад +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 7 месяцев назад +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 7 месяцев назад +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.

  • @ameltriki2497
    @ameltriki2497 2 месяца назад

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

  • @MrgnUTube
    @MrgnUTube 2 месяца назад

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

  • @afrique_cr9563
    @afrique_cr9563 7 месяцев назад +3

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

    • @codeursenior
      @codeursenior  7 месяцев назад

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

    • @dessinfacile8960
      @dessinfacile8960 7 месяцев назад

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

    • @codeursenior
      @codeursenior  7 месяцев назад

      @@dessinfacile8960 💪

  • @pl967101
    @pl967101 21 день назад

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

    • @codeursenior
      @codeursenior  18 дней назад

      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.

  • @massinissachaouchi4595
    @massinissachaouchi4595 4 месяца назад

    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  4 месяца назад

      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.

  • @landryonana7123
    @landryonana7123 3 месяца назад

    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  3 месяца назад

      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 !

  • @naspy971
    @naspy971 4 месяца назад

    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  4 месяца назад +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. 👍

  • @alainzinhonambinintsoa2914
    @alainzinhonambinintsoa2914 4 месяца назад

    Merci Simon

  • @SpaceisFunnySF
    @SpaceisFunnySF 7 месяцев назад

    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  7 месяцев назад

      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.

  • @aboubakardosso3481
    @aboubakardosso3481 4 месяца назад

    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  4 месяца назад

      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 4 месяца назад

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

    • @aboubakardosso3481
      @aboubakardosso3481 4 месяца назад

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

    • @codeursenior
      @codeursenior  4 месяца назад

      @@aboubakardosso3481 Oui, mais toujours en Developer Preview.

  • @WebCodeSolutions-ob3pf
    @WebCodeSolutions-ob3pf 4 месяца назад

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

    • @codeursenior
      @codeursenior  4 месяца назад

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

  • @gemini9775
    @gemini9775 7 месяцев назад

    interessant merci Simon ^^

    • @codeursenior
      @codeursenior  7 месяцев назад

      Merci pour ton retour, bon code.
      Simon.

  • @maxenceyrowah4261
    @maxenceyrowah4261 7 месяцев назад

    Merci beaucoup senior

    • @codeursenior
      @codeursenior  7 месяцев назад

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

  • @marcfoletto5682
    @marcfoletto5682 6 месяцев назад

    super vidéo merci

  • @simonbullado
    @simonbullado 7 месяцев назад

    C'est génial !!!

    • @codeursenior
      @codeursenior  7 месяцев назад

      Je suis d'accord avec vous !

  • @aimenjerbi8406
    @aimenjerbi8406 7 месяцев назад

    top du top merci

    • @codeursenior
      @codeursenior  5 месяцев назад

      Merci pour ton excellent commentaire.
      Bon code !

  • @connecteilconnekt5625
    @connecteilconnekt5625 7 месяцев назад

    Merci beaucoup

  • @ascensionspirituelle7287
    @ascensionspirituelle7287 7 месяцев назад

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

    • @codeursenior
      @codeursenior  7 месяцев назад +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 6 месяцев назад +1

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

    • @ascensionspirituelle7287
      @ascensionspirituelle7287 6 месяцев назад

      @@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  6 месяцев назад +1

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

    • @codeursenior
      @codeursenior  6 месяцев назад

      @@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 7 месяцев назад +2

    On dit les signaux ! 😂
    Dsl 🥲

    • @codeursenior
      @codeursenior  7 месяцев назад

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

    • @fredV35
      @fredV35 7 месяцев назад +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  7 месяцев назад

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

    • @R.e.n.e
      @R.e.n.e 7 месяцев назад

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

    • @codeursenior
      @codeursenior  7 месяцев назад

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