memo vs useMemo vs useCallback в React. В чём разница?

Поділитися
Вставка
  • Опубліковано 3 лип 2024
  • #reactjs #javascript #typescript
    00:00 Определения memo, useMemo, useCallback
    03:38 Для чего нужен memo. Пример
    08:29 Передаём в props объект
    09:18 Пример использования useMemo
    12:44 Передаём в props функцию
    15:03 Пример использования useCallback
    17:00 Когда использовать memo, useMemo, useCallback
    18:04 Когда ещё можно использовать useMemo
    Code: github.com/easydevgit/react-memo

КОМЕНТАРІ • 20

  • @dmitry_st
    @dmitry_st Місяць тому

    Дякую за детальний і зрозумілий контент, дуже структороване і чітке роз'яснення.

    • @kiratoy4439
      @kiratoy4439 4 дні тому

      Спасибо за подробный и понятный контент, очень структорированное и четкое разъяснение.

  • @Zreus-ry9el
    @Zreus-ry9el 20 днів тому

    Спасибо за видео! Можно подробнее рассказать для чего нам useCallback, если можно заменить его useMemo? В чем конкретно заключается удобство/преимущество useCallback при работе с функциями?

  • @mryolo5334
    @mryolo5334 Місяць тому

    Автор, вы случайно не продаете курсы на Udemy. Очень понравилось ваше объяснение! Спасибо!

  • @Sylar7773
    @Sylar7773 7 місяців тому +1

    если честно, контент пушка, спасибо огромное

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

    Спасибо! Замечательное и очень логичное объяснение.

  • @user-lx7xb4hx8v
    @user-lx7xb4hx8v 6 місяців тому

    Мужик, спасибо большое!!!

  • @funfstuck
    @funfstuck 2 місяці тому +2

    дякую за відео

  • @---Maksim---
    @---Maksim--- 6 місяців тому +1

    Можно еще Ref использовать.

  • @user-nj6dh2ck2y
    @user-nj6dh2ck2y 7 місяців тому +4

    Пацаны, навалим лайкосов!

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

    Этот комментарий создан в знак уважения к автору, его трудам и для продвижения его канала.

  • @user-ds4ik5zu9n
    @user-ds4ik5zu9n 7 місяців тому

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

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

      Да, можно было

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

    +

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

    на 6:00 в третьей строке у тебя показывается "х25 'render CounterLinks' ", что это такое, зачем, и что за расширение ?

  • @user-rk1vb7yt7t
    @user-rk1vb7yt7t Місяць тому

    изменение пропсов не является причиной для ререндеров, это является лишь следствием ререндера

    • @easydev1205
      @easydev1205  Місяць тому

      Причиной

    • @user-rk1vb7yt7t
      @user-rk1vb7yt7t Місяць тому

      @@easydev1205 окей, в каких случаях происходит ререндер компонента при изменении его пропсов?(не используя memo)

    • @easydev1205
      @easydev1205  Місяць тому

      Если с точки зрения, что изменение локального состояния (которое идёт в пропсы) приводит к ререндерингу компонента и соответственно ререндерингу всех его дочерних компонентов - то да. Не сами по себе пропсы - причина - они связаны с рередерингом родителя