Для чего нужен useRef в React, простым языком

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024
  • Мой Telegram канал
    t.me/way_of_de...
    Все хуки в React простым языком: • Хуки React
    В данном видео я хочу рассказать о том для чего нужен хук useRef простыми словами и показать на примере, для чего используется этот хук. Вы узнаете, как сохранить значение в компоненте не вызывая повторный рендеринг.

ความคิดเห็น • 21

  • @rw_machine1974
    @rw_machine1974 10 หลายเดือนก่อน

    Красава Дмитрий! Как всегда на высоте!

  • @abereznitskiy31
    @abereznitskiy31 2 ปีที่แล้ว +3

    Просто и понятно, хорошее видео!

  • @Alex__88
    @Alex__88 7 หลายเดือนก่อน +1

    Все ясно как апельсин. Спасибо!

    • @ett4t4
      @ett4t4 6 หลายเดือนก่อน

      вмкмукмиекуиееи4етиктик5тикепикпи

  • @MrMark21801
    @MrMark21801 11 หลายเดือนก่อน

    Пушечка. После документации самое то

  • @TRIZ-Bogatyregold
    @TRIZ-Bogatyregold ปีที่แล้ว

    ХОрошее видео, коротко и все по делу. Были бы полезны примеры работы через useRef с библиотеками. Спасибо.

  • @sdsd-ec8rw
    @sdsd-ec8rw 11 หลายเดือนก่อน +1

    а все таки хотелось бы услышать итог именно с точки зрения практики. В проде принято ли вместо управляемых input-ов с useState-ом использовать input-ы в связке с useRef, чтобы предотвратить ненужные ререндеры? Или не заморачиваются с этим? Или наоборот, только и делают с useRef? Что чаще тебе встречается в коде?

  • @lesson-web
    @lesson-web 2 ปีที่แล้ว

    Отличное объяснение

  • @learningit2572
    @learningit2572 ปีที่แล้ว

    Благодарю. Огромное спасибо.

  • @mak_whisk
    @mak_whisk ปีที่แล้ว

    Спасибо

  • @jamjam3337
    @jamjam3337 ปีที่แล้ว

    👏👍💥

  • @GonzaVladimir
    @GonzaVladimir ปีที่แล้ว

    что бы не было лишних рендеров, надо в useEffect возвращать функцию и удалять листенер

  • @feliche-demiannetliukh3703
    @feliche-demiannetliukh3703 2 ปีที่แล้ว

    Видео многое объяснило, спасибо!
    Только не много не понимаю почему в примере со стейтами мы не можем просто использовать обычную переменную js? Это как-то ломает логику реакта?

    • @dmitrii_gerasimov
      @dmitrii_gerasimov  2 ปีที่แล้ว +1

      Тут получается, что значение компонента будет за пределами этого компонента. Мне кажется, это не очень хорошо. Ну а вообще, можно так сделать.

  • @HeyCosmoBoy
    @HeyCosmoBoy ปีที่แล้ว

    c таким же успехом мы могли просто переменную сделать, пример прям такое себе

    • @dmitrii_gerasimov
      @dmitrii_gerasimov  ปีที่แล้ว

      Это просто вариант, аналог this в классовом компоненте.

  • @danielluko7635
    @danielluko7635 8 หลายเดือนก่อน

    Что это за ...????? зачем у useEffect в list dependencies prev и changePrev?? без этого автор не может жить?

    • @veryhightower
      @veryhightower 8 หลายเดือนก่อน +1

      Тоже об этом подумал когда смотрел. На видео решили проблему повторного создания слушателя событий, но этого бы и не было без добавления prev и changePrev в зависимости useEffect.
      Во втором случае как раз там был пустой массив.

  • @Alex-bo9wt
    @Alex-bo9wt 6 หลายเดือนก่อน

    Хорошее видео, но мало инфы по рефу((