React 15: Хук useMemo и useCallback

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024
  • useMemo и useCallback - хуки для создание объектов и функций (соответственно) с постоянными ссылками на них. Между рендерами иногда нужно уметь сохранять ссылки на объект и функции - ведь очень много моментов в React строится на сравнение ссылок на объекты и функции. В этом уроке рассмотрим как использовать и в каких сценариях могут пригодиться эти хуки.
    Наш главный курс "JavaScript старт" - constcode.ru/j...
    Бесплатная консультация - constcode.ru/f...
    Контакты:
    Сайт - constcode.ru
    VK - constcode
    RUclips - / @web-constcode6252
    Telegram - t.me/constcode
    Discord - / discord
    Материал урока:
    github.com/Ale...
    ru.reactjs.org...
    ru.reactjs.org...

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

  • @VasilyVasilyVasily
    @VasilyVasilyVasily 4 месяца назад +1

    Почему функцию greeting просто не вынести из функции App?

  • @spbdetonator1
    @spbdetonator1 3 года назад +8

    Доходчиво все разъяснил, самое лучшее видео из тех, что смотрел!

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

    Только surname никто не употребляет в англоязычной речи, используй лучше в примерах first name и last name

  • @ИванВолков-ж6к
    @ИванВолков-ж6к 3 года назад +9

    Очень круто объяснил, просто и понятно, большое спасибо )

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

    Спасибо, отличные примеры, не первый ролик смотрю, Ваш довёл до сути.

  • @СлаваКравченко-в5р
    @СлаваКравченко-в5р 2 года назад +3

    Пока лучшее объяснение + пример нормальный легчайший лайк

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

    Спасибо за объяснение! Удивился почему ты открываешь консоль VS Code через ctrl + j , а не через ctrl + ~(тильда). Рекомендую)

  • @johnnysel8186
    @johnnysel8186 3 года назад +4

    самое адекватное объяснение в рунете, единственное до сих пор не понимаю нафига указывать функции в зависимостях useEffecta , мне кажется это может только испортить всю погоду)

    • @web-constcode6252
      @web-constcode6252  3 года назад

      Спасибо

    • @CyberDanilka
      @CyberDanilka 2 года назад

      насколько я понимаю там будет писаться ошибка что не все зависимости переданы в массив, иногда видел у себя такую ошибку, хотя это скорее просто warning, который можно там поправить)

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

      @@web-constcode6252вы так и не ответили, зачем добавлять функцию в зависимости. Для чего это делать?

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

    Как обычно клево объяснил!!! Спасибо! Если объясняет Данчин - значит ты точно поймешь)

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

    бл....норм обьяснил, но в конце ролика досмотрел что карта висит на стене...при нынешней ситуации с Украиной - это вообще считаю провокация.

    • @web-constcode6252
      @web-constcode6252  Год назад

      Карта районов Москвы провокация ?

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

      @@web-constcode6252 конечно бл....ты на приколе ?

    • @web-constcode6252
      @web-constcode6252  Год назад

      @@sergeykushnerov8947 нет, на фенотрапиле. Так а чем карта Москвы не угодила ? )))

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

      @@web-constcode6252 бл....я украинец....ГЛАЗА РЕЖЕТ !!!!!!!!!!!!!

    • @warcraft.mp4889
      @warcraft.mp4889 3 месяца назад

      ​@@sergeykushnerov8947ахахах, сумасшествие какое-то
      Точно нац*стов нет на стране 404?

  • @eanewmahariel2279
    @eanewmahariel2279 3 года назад +2

    Думаю, можно было просто в button поставить аттрибут type="button", а то там по умолчанию type="submit")
    А видео крутое, спасибо)

    • @web-constcode6252
      @web-constcode6252  3 года назад

      Рад стараться! Спасибо за дополнение

  • @JdIm6fhjLgdWRhn
    @JdIm6fhjLgdWRhn 2 года назад +2

    я не понял

    • @web-constcode6252
      @web-constcode6252  2 года назад +1

      Хорошо, что на RUclips есть много разных объяснений =)
      Надеюсь, что разберетесь!

  • @anastasiia_idle
    @anastasiia_idle 2 года назад +2

    Спасибо, Алексей, очень круто и понятно

  • @romanmed9035
    @romanmed9035 2 года назад +1

    хорошо рассказываете, но суть разницы не раскрыли, да еще и зачем-то эффект сюда добавили. у мемо и каллбэка имеется разница, описанная на странице которую Вы показывали и существенная. надеюсь зрители все же почитают и дополнят полученную в видео информацию текстом из показанной оф. документации

    • @web-constcode6252
      @web-constcode6252  2 года назад

      Всегда в первую очередь нужно читать документацию. Мои ролики это дополнительные примеры.

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

    нужно было usecallback на одном и том же примере. А если в 1 примере создать callback то что ... ты взял все стер добавил useEffect все предыдущие забылось и пытаясь найти общее с предыдущим примером понимаешь, что это какойто развод. Галимое обьяснение. Я хотел узнать чем отличается useMemo от useCallback и ответа нету. В чем разница от сохранения результата от сохранения функции.

    • @web-constcode6252
      @web-constcode6252  Год назад

      Развод и галимое объяснение. Я столько старался ради этих слов.

    • @warcraft.mp4889
      @warcraft.mp4889 3 месяца назад

      Мемо сохраняет обьект в кеше, колбек сохраняет функцию в кеше, он это обьяснил
      Взял и нагнал на человека по своей невнимательности

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

    Молодчина, хорошо объясняешь

  • @СергійЗубняк
    @СергійЗубняк 2 года назад +1

    чиназес дуже гуд

  • @Freedom_Code
    @Freedom_Code 2 года назад +1

    Спасибо за объяснение -- топчик

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

    Отличное и четкое объяснение, спасибо. До вас посмотрел 3 подобных урока, понял только на этом примере.

    • @web-constcode6252
      @web-constcode6252  Год назад

      может быть потому, что уже 3 раза смотрел другие уроки, потому и понятно стало )

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

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

  • @ЕгорКравцов-ю5щ
    @ЕгорКравцов-ю5щ 2 года назад +1

    Очень крутые примеры привели для объяснения. Спасибо👍

  • @ЮрийНовиков-э8я
    @ЮрийНовиков-э8я Год назад +1

    Супер, спасибо👍

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

    Спасибо!

  • @СашоКутуков
    @СашоКутуков Год назад +1

    Приклади відмінні, пояснив грамотно і коротко, дякую

  • @WinchesterD
    @WinchesterD 11 месяцев назад

    Спасибо за видео, готовлюсь к интервью по Реакту.

  • @joper3703
    @joper3703 3 года назад +1

    Я правильно понимая, что если во втором примере вынести greeting в глобальную область видимости (за компонент), то всё будет работать как и с useCallback ???

    • @web-constcode6252
      @web-constcode6252  3 года назад +1

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

    • @joper3703
      @joper3703 3 года назад

      @@web-constcode6252 Спасибо за ответ

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

      А еще ее можно описать функцию внутри useEffecta, если она используется только там, и тогда лишнюю зависимость можно убрать.

  • @outcast-cr5yy
    @outcast-cr5yy 2 года назад +1

    очень доступно, спасибо тебе неизвестный программист)

    • @web-constcode6252
      @web-constcode6252  2 года назад +1

      Я же представился

    • @outcast-cr5yy
      @outcast-cr5yy 2 года назад

      @@web-constcode6252 ооу. Извини, перемотал и не заметил. Ну так или иначе. Спасибо тебе за все. Ждем новых роликов.

  • @arsenidziamidchyk2972
    @arsenidziamidchyk2972 4 года назад +5

    Круто объяснили, большое спасибо!

  • @ДмитрийНичипоренко
    @ДмитрийНичипоренко 3 года назад +1

    первый видос, благодаря которому я понял

    • @web-constcode6252
      @web-constcode6252  3 года назад

      Рад стараться! =D

    • @майнкрафт-к2и
      @майнкрафт-к2и 3 года назад +1

      @@web-constcode6252 Я подтверждаю! Так и есть вы тот кто смог донести до меня как они работают! Благодарю!

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

    очень здорово, спасибо большое

  • @KGMelis
    @KGMelis 3 года назад +1

    полезный урок 👍

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

    Отлично, молодчага

  • @MrRonnieJamesDio
    @MrRonnieJamesDio 3 года назад +1

    Хорошо объясняешь, молодец.

  • @SeriousJet
    @SeriousJet 3 года назад +1

    Спасибо.

  • @321123580
    @321123580 3 года назад +1

    Спасибо за урок 👍🏻

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

    Гарно зачіска

  • @up.to.mountains
    @up.to.mountains Год назад

    Второй пример так себе, у новичков возникнет вопрос - зачем в dependency array записывать функцию? Тут лучше пример с onClick функциями подойдет.

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

      Зачем это делать?