Незачто) 5:17 рендеринг в браузере и реакте это разное 6:00 Фазы рендеринга 10:00 Пример демонстрация проблемы 14:40 Инструмент React Profiler 17:00 Категории перерендеринга - 18:00 Лишние отрисовки - 26:00 Количество элементов - 33:40 Наличие логики эффектов - 35:00 Лишние моунты 39:30 Итоги и вопросы на 13:00 браузер не так уж и спит) я попробовал реализацию примера из 11:30 отобразить 1000 элементов, которые выводят только Yes на ноуте corei5-4210 2.9Ghz это загрузка ядра 100% на corei9 5Ghz загрузка ядра 20%, Тёма скорее всего имел ввиду что не будет reflow и paint, но тем не менее... хорошо бы Тёма и статьи писал краткий пересказ этого замечательного видео очень хотелось бы, я конечно его сделал но времени ушло немало
Прошу прощения хочу задать вопрос , всегда смотрю презентации Тёмы , (и не только) ,, в моменте (35:38) когда вы рассказываете про ненужных вызовов ХУККОВ, и плавно переходите к демонстрации ХОК-ов разве в обеих случаях не вызывается наш ХУК? . Или я что то не так понимаю. Заранее спасибо ха ответ.
Жду тот день, когда Дэн Абрамов выйдет к толпе и скажет, как это он сделал с редаксом, что реакт - это обман, а сам он использует solid js, где нет ререндеров
Как бы ничего нового, простые и логичные вещи, которые изучаются во время разработки любого приложения больше, чем to-do-list. Но парень очень хорош как оратор, поэтому было интересно посмотреть даже на 1х и без перемоток.
Не так опасны ререндеры как их последствия. И падение с высоты без парашюта само по себе не опасно, но последствия - встреча с землей опасна, да :) Не, в целом норм, очень даже
Спикер норм, но материал не очень. Точнее он не про то, про что тема доклада. Спикер сходу осуществил подмену понятий и поэтому дальше доклад пошел не туда. В итоге вывод - перерендеры в Реакт опасны и с ними надо бороться - факт!
Value будет меняться каждый раз. Set всегда один. Замечали, когда используете setState внутри useEffect, линтер не говорит, что нужно добавить setState в зависимости. setState из useState всегда возвращает одну и туже ссылку
@@JerarJerar потому что srtState без разницы актуальная ли ссылка на него. Как когда используешь setState внутри useEffect, линтер не просит добавить setState в зависимости
Знать такие подробности о Реакте совершенно не нужно. Это внутренние детали имплементации. У Реакта есть best practices, им надо следовать, и все будет хорошо.
Незачто)
5:17 рендеринг в браузере и реакте это разное
6:00 Фазы рендеринга
10:00 Пример демонстрация проблемы
14:40 Инструмент React Profiler
17:00 Категории перерендеринга
- 18:00 Лишние отрисовки
- 26:00 Количество элементов
- 33:40 Наличие логики эффектов
- 35:00 Лишние моунты
39:30 Итоги и вопросы
на 13:00 браузер не так уж и спит) я попробовал реализацию примера из 11:30 отобразить 1000 элементов, которые выводят только Yes на ноуте corei5-4210 2.9Ghz это загрузка ядра 100% на corei9 5Ghz загрузка ядра 20%, Тёма скорее всего имел ввиду что не будет reflow и paint, но тем не менее...
хорошо бы Тёма и статьи писал краткий пересказ этого замечательного видео очень хотелось бы, я конечно его сделал но времени ушло немало
очень полезный доклад, спасибо, и главное можно будет везде применить!
Тема как всегда хорошо, спасибо за доклад
как раз занимаюсь разработкой кастомного плеера, интересно было послушать, спасибо
То, что должен знать миддл про мемоизацию на интервью)
В реалиях 2024 года, уже стажер должен знать)))
@@puffinavtz3966 мне по хуй я ничего не знаю и больше вас всех денег получаю)
@@puffinavtz3966 А что же тогда должен знать миддл?)
@@touristcompany1105миддлов не существует, только стажеры и тим лиды
В целом большую часть знал еще с доклада из ШРИ, но про фишку с контекстом спасибо. Буду использовать)
Топ! по делу, без воды, спасибо!
Прошу прощения хочу задать вопрос , всегда смотрю презентации Тёмы , (и не только) ,, в моменте (35:38) когда вы рассказываете про ненужных вызовов ХУККОВ, и плавно переходите к демонстрации ХОК-ов разве в обеих случаях не вызывается наш ХУК? . Или я что то не так понимаю. Заранее спасибо ха ответ.
А по какой ссылке с QR-кода нужно перейти и где написать, чтобы Кинопоиск в сериалах вернул кнопку «Предыдущая серия»?
Без воды и всё по делу 👍
Тёма лучший, спасибо!
Тёма огонь!
Жду тот день, когда Дэн Абрамов выйдет к толпе и скажет, как это он сделал с редаксом, что реакт - это обман, а сам он использует solid js, где нет ререндеров
Все по просту, но четко, лойс
Как бы ничего нового, простые и логичные вещи, которые изучаются во время разработки любого приложения больше, чем to-do-list. Но парень очень хорош как оратор, поэтому было интересно посмотреть даже на 1х и без перемоток.
Очень хороший доклад, хотелось бы чтобы имелись таймкоды
Здравствуйте! Передали пожелание по тайм-кодам коллегам 🙂
Не так опасны ререндеры как их последствия. И падение с высоты без парашюта само по себе не опасно, но последствия - встреча с землей опасна, да :) Не, в целом норм, очень даже
не совсем понял про разделение контекста. Компонент который обернут этим контекстом ведь все равно должен быть обернут memo?
Спасибо, все по делу
С псевдородителем не понял, что меняется от оборачивания Context.Provider и useState в отдельный компонент?
Спасибо, топ 👍
Спикер норм, но материал не очень. Точнее он не про то, про что тема доклада. Спикер сходу осуществил подмену понятий и поэтому дальше доклад пошел не туда. В итоге вывод - перерендеры в Реакт опасны и с ними надо бороться - факт!
хороший доклад, лайкос
после слов "...делаю интерфейс в кинопоиске..." вырубил видео 😂
шучу. вода, конечно, есть, но в целом конструктив.
очень понятно
Супер!
Сколько не работай с реактом, придется писать костыли для оптимизации.
Хороший доклад, хоть и из Яндекса
В хороший доклад логотипов яндекс браузера не напихают
спасибо, лучшее видео
круто
Как я выпал со скримера вначала 🤣
top
Что такое Кинопоиск и ШРИ?? И нет, перерендеры не опасны. В отличии от электричества 220 вольт они вас точно не убьют.
Очень поверхностно
Но с сетером темы странная штука: условный свитч все равно меняет свое состояние в зависимости от темы, и ему тауже нужно иметь вэлью 😊
Тоже не понял, зачем нам 2 контекста, супер всратый пример
Value будет меняться каждый раз.
Set всегда один.
Замечали, когда используете setState внутри useEffect, линтер не говорит, что нужно добавить setState в зависимости.
setState из useState всегда возвращает одну и туже ссылку
@@JerarJerar потому что srtState без разницы актуальная ли ссылка на него.
Как когда используешь setState внутри useEffect, линтер не просит добавить setState в зависимости
У кенси дотс есть статья зачем так делать, там очень хорошо это поясняется легко загуглить
@@SmotritelTube спасибо, хоть узнал что это за чел))
Термин "псевдородитель" тупо на ровном месте выдуман.
Нигде его до этого не видел и не слышал.
Хоть кто-то из англоязычных коллег его использовал?
Знать такие подробности о Реакте совершенно не нужно. Это внутренние детали имплементации. У Реакта есть best practices, им надо следовать, и все будет хорошо.
Еще бы перестать говорить перерендеры 🥲
Просто выбрать Vue