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

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

[@sergeydostovalov6180]

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

[@siberiacancode]

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

[@Graphouny77]

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

[@carry-on-chaos4032]

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

[@endlesslysorrow]

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

[@d0paminer]

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

[@puffinavtz3966]

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

[@boycovclub]

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

[@zrtsky]

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

[@dimenuendo]

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

[@from_brest2631]

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

[@vladimircreator]

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

[@dimovich85]

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

[@Pantaiz]

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

[@artgurianov]

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

[@user-ur7ry4ms5u]

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

[@GutSamJack]

Тёма огонь!

[@paulmalys]

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

[@user-zs7kr6yp2s]

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

[@user-se9cw2hb4q]

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

[@apa6368]

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

[@vadiiimyeeeekn]

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

[@someChicoRy]

круто

[@user-jx8zx8uk2m]

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

[@CRivlaldo]

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

[@user-qi8gq5wu4c]

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

[@user-jx8zx8uk2m]

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

[@selub1058]

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

[@from_brest2631]

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

[@JerarJerar]

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

[@masterofgame0]

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

[@masterofgame0]

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

[@SmotritelTube]

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

[@aleksprimetv]

@@SmotritelTube спасибо, хоть узнал что это за чел))

[@revel8246]

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

[@YauhenSkaradumau]

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