Тёма Сенюков - Опасны ли перерендеры в React и как их избежать?

Поділитися
Вставка
  • Опубліковано 31 бер 2024
  • Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург
    - -
    Многие в сообществе очень боятся перерендеров в React. Вместе со спикером пробуем разобраться, что это, почему они происходят, так ли они опасны и как их избегать.
    Скачать материалы к докладу с сайта HolyJS - jrg.su/sc9vy5
    #javascript #react
  • Розваги

КОМЕНТАРІ • 36

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

    В целом большую часть знал еще с доклада из ШРИ, но про фишку с контекстом спасибо. Буду использовать)

  • @siberiacancode
    @siberiacancode Місяць тому +1

    Тема как всегда хорошо, спасибо за доклад

  • @carry-on-chaos4032
    @carry-on-chaos4032 Місяць тому

    Топ! по делу, без воды, спасибо!

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

    Все по просту, но четко, лойс

  • @vladimircreator
    @vladimircreator Місяць тому +1

    Без воды и всё по делу 👍

  • @endlesslysorrow
    @endlesslysorrow Місяць тому +1

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

  • @sergeydostovalov6180
    @sergeydostovalov6180 Місяць тому +23

    Жду тот день, когда Дэн Абрамов выйдет к толпе и скажет, как это он сделал с редаксом, что реакт - это обман, а сам он использует solid js, где нет ререндеров

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

    Спасибо, все по делу

  • @zrtsky
    @zrtsky Місяць тому +1

    как раз занимаюсь разработкой кастомного плеера, интересно было послушать, спасибо

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

    хороший доклад, лайкос

  • @d0paminer
    @d0paminer Місяць тому +13

    То, что должен знать миддл про мемоизацию на интервью)

    • @puffinavtz3966
      @puffinavtz3966 Місяць тому +11

      В реалиях 2024 года, уже стажер должен знать)))

    • @boycovclub
      @boycovclub 23 дні тому

      @@puffinavtz3966 мне по хуй я ничего не знаю и больше вас всех денег получаю)

  • @artgurianov
    @artgurianov Місяць тому +1

    Спасибо, топ 👍

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

    Тёма лучший, спасибо!

  • @dimenuendo
    @dimenuendo 28 днів тому +1

    после слов "...делаю интерфейс в кинопоиске..." вырубил видео 😂
    шучу. вода, конечно, есть, но в целом конструктив.
    очень понятно
    Супер!

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

    спасибо, лучшее видео

  • @GutSamJack
    @GutSamJack Місяць тому +1

    Тёма огонь!

  • @user-se9cw2hb4q
    @user-se9cw2hb4q 18 днів тому +1

    А по какой ссылке с QR-кода нужно перейти и где написать, чтобы Кинопоиск в сериалах вернул кнопку «Предыдущая серия»?

  • @someChicoRy
    @someChicoRy 14 днів тому

    круто

  • @paulmalys
    @paulmalys 25 днів тому +2

    Спикер норм, но материал не очень. Точнее он не про то, про что тема доклада. Спикер сходу осуществил подмену понятий и поэтому дальше доклад пошел не туда. В итоге вывод - перерендеры в Реакт опасны и с ними надо бороться - факт!

  • @apa6368
    @apa6368 25 днів тому +1

    Сколько не работай с реактом, придется писать костыли для оптимизации.

  • @vadiiimyeeeekn
    @vadiiimyeeeekn 27 днів тому

    С псевдородителем не понял, что меняется от оборачивания Context.Provider и useState в отдельный компонент?

  • @CRivlaldo
    @CRivlaldo 12 днів тому

    Хороший доклад, хоть и из Яндекса

    • @user-qi8gq5wu4c
      @user-qi8gq5wu4c 8 днів тому

      В хороший доклад логотипов яндекс браузера не напихают

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

    Как я выпал со скримера вначала 🤣

  • @user-jx8zx8uk2m
    @user-jx8zx8uk2m Місяць тому +6

    Как бы ничего нового, простые и логичные вещи, которые изучаются во время разработки любого приложения больше, чем to-do-list. Но парень очень хорош как оратор, поэтому было интересно посмотреть даже на 1х и без перемоток.

  • @selub1058
    @selub1058 17 днів тому

    Что такое Кинопоиск и ШРИ?? И нет, перерендеры не опасны. В отличии от электричества 220 вольт они вас точно не убьют.

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

    Но с сетером темы странная штука: условный свитч все равно меняет свое состояние в зависимости от темы, и ему тауже нужно иметь вэлью 😊

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

      Тоже не понял, зачем нам 2 контекста, супер всратый пример

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

      Value будет меняться каждый раз.
      Set всегда один.
      Замечали, когда используете setState внутри useEffect, линтер не говорит, что нужно добавить setState в зависимости.
      setState из useState всегда возвращает одну и туже ссылку

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

      ​@@JerarJerar потому что srtState без разницы актуальная ли ссылка на него.
      Как когда используешь setState внутри useEffect, линтер не просит добавить setState в зависимости

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

      У кенси дотс есть статья зачем так делать, там очень хорошо это поясняется легко загуглить

  • @revel8246
    @revel8246 Місяць тому +2

    Знать такие подробности о Реакте совершенно не нужно. Это внутренние детали имплементации. У Реакта есть best practices, им надо следовать, и все будет хорошо.

  • @YauhenSkaradumau
    @YauhenSkaradumau Місяць тому +1

    Еще бы перестать говорить перерендеры 🥲