Refs in React: from access to DOM to imperative API

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

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

  • @dimau
    @dimau Год назад +2

    Спасибо за такую хорошую глубину разбора материала и восхитительную подачу! Раскладывает по полочкам в голове сложные темы :)

    • @developerwaypatterns
      @developerwaypatterns  Год назад +1

      Thank you for the kind words! 😊

    • @userJakov
      @userJakov Год назад +1

      @@developerwaypatternsдобрый вечер, а у вас нет книг на русском языке?

    • @developerwaypatterns
      @developerwaypatterns  Год назад +1

      @@userJakov Unfortunately, no :(

  • @thiagopuntar
    @thiagopuntar Год назад +4

    Oh, missed you! Thank you so much for all your articles. Please keep doing more and more!😍

  • @fal8202
    @fal8202 Год назад +2

    thank you for this well explained and nicely animated video, so much easier to understand

  • @elik3765
    @elik3765 Год назад +2

    Thank you very much! As always, to the point and I don't think I have seen better visuals anywhere around, I think they ccontribute well to your brands defferentiation when compared to code-along vids. Article and a vid is my favorite combination. To me, it's like an article is for sharpening my knowledge, video - for honing )

  • @devquen7688
    @devquen7688 Год назад +2

    wow, this is the video containing all of the knowledge about useRef as I know 🤯

  • @vinitraut18
    @vinitraut18 11 месяцев назад +1

    Thanks Nadia, great content as always!!!

  • @marouaniAymen
    @marouaniAymen Год назад +2

    Thanks for the video, I used the same pattern like you, but for using conditionals in order to activate/deactivate styles, I call the clsx library in order to toggle CSS classe names.

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

    Thats a pure magic u teaching, feels like I am in the Castle of Hogwarts

  • @nicolasmenescardi4077
    @nicolasmenescardi4077 Год назад +1

    Love your videos!! Thanks!

  • @gaddp
    @gaddp Год назад +1

    super clear video with a beautiful example. thanks Nadia!

  • @assylzhanshabkhatov
    @assylzhanshabkhatov Год назад +1

    Really useful guide. Thanks!

  • @katsunoi
    @katsunoi Год назад +1

    great video!

  • @sushantrajbanshi4508
    @sushantrajbanshi4508 Год назад +1

    So the *forwardRef* & *useImperativeHandle* are just syntactic sugars over manually passing refs & mutations ? Or are there any performance benefits on using them ?

    • @developerwaypatterns
      @developerwaypatterns  Год назад +2

      Yep, exactly. I'm not aware of any performance benefits of those vs just manually passing ref around, and I doubt there can be any.

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

    There's something i didn't get ... is about the moment on your video "time 3 minutes and 49 seconds" i have a doub . The value i need to put into the property ref = " " in a tag have must to be the same name of variable who has the useRef() at the line 3 from the code on the video ?

  • @TheProfessionalGambler
    @TheProfessionalGambler Год назад +1

    Does React have any differences or caveats between inputRef={ref} and forwardRef()? It looks like the ref is just a unified version of the ref transfer in these cases.

  • @aeldarets
    @aeldarets 8 месяцев назад

    How is this going to work with TypeScript?

  • @aaryansj8016
    @aaryansj8016 9 месяцев назад

    Thanks... Wonderful Vidoes

  • @ikbo
    @ikbo 23 дня назад

    have you thought of releasing a react 19 course so you can take my money?

  • @anuragkanwar1844
    @anuragkanwar1844 Год назад

    Love your blogs !! and now video content is cherry on top