Незачто) 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, но тем не менее... хорошо бы Тёма и статьи писал краткий пересказ этого замечательного видео очень хотелось бы, я конечно его сделал но времени ушло немало
Жду тот день, когда Дэн Абрамов выйдет к толпе и скажет, как это он сделал с редаксом, что реакт - это обман, а сам он использует solid js, где нет ререндеров
Как бы ничего нового, простые и логичные вещи, которые изучаются во время разработки любого приложения больше, чем to-do-list. Но парень очень хорош как оратор, поэтому было интересно посмотреть даже на 1х и без перемоток.
Прошу прощения хочу задать вопрос , всегда смотрю презентации Тёмы , (и не только) ,, в моменте (35:38) когда вы рассказываете про ненужных вызовов ХУККОВ, и плавно переходите к демонстрации ХОК-ов разве в обеих случаях не вызывается наш ХУК? . Или я что то не так понимаю. Заранее спасибо ха ответ.
Не так опасны ререндеры как их последствия. И падение с высоты без парашюта само по себе не опасно, но последствия - встреча с землей опасна, да :) Не, в целом норм, очень даже
Спикер норм, но материал не очень. Точнее он не про то, про что тема доклада. Спикер сходу осуществил подмену понятий и поэтому дальше доклад пошел не туда. В итоге вывод - перерендеры в Реакт опасны и с ними надо бороться - факт!
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миддлов не существует, только стажеры и тим лиды
Жду тот день, когда Дэн Абрамов выйдет к толпе и скажет, как это он сделал с редаксом, что реакт - это обман, а сам он использует solid js, где нет ререндеров
Как бы ничего нового, простые и логичные вещи, которые изучаются во время разработки любого приложения больше, чем to-do-list. Но парень очень хорош как оратор, поэтому было интересно посмотреть даже на 1х и без перемоток.
Все по просту, но четко, лойс
А по какой ссылке с QR-кода нужно перейти и где написать, чтобы Кинопоиск в сериалах вернул кнопку «Предыдущая серия»?
Тёма лучший, спасибо!
Прошу прощения хочу задать вопрос , всегда смотрю презентации Тёмы , (и не только) ,, в моменте (35:38) когда вы рассказываете про ненужных вызовов ХУККОВ, и плавно переходите к демонстрации ХОК-ов разве в обеих случаях не вызывается наш ХУК? . Или я что то не так понимаю. Заранее спасибо ха ответ.
Тёма огонь!
Очень хороший доклад, хотелось бы чтобы имелись таймкоды
Здравствуйте! Передали пожелание по тайм-кодам коллегам 🙂
хороший доклад, лайкос
Спасибо, топ 👍
Не так опасны ререндеры как их последствия. И падение с высоты без парашюта само по себе не опасно, но последствия - встреча с землей опасна, да :) Не, в целом норм, очень даже
Спикер норм, но материал не очень. Точнее он не про то, про что тема доклада. Спикер сходу осуществил подмену понятий и поэтому дальше доклад пошел не туда. В итоге вывод - перерендеры в Реакт опасны и с ними надо бороться - факт!
Спасибо, все по делу
Хороший доклад, хоть и из Яндекса
В хороший доклад логотипов яндекс браузера не напихают
Сколько не работай с реактом, придется писать костыли для оптимизации.
С псевдородителем не понял, что меняется от оборачивания Context.Provider и useState в отдельный компонент?
не совсем понял про разделение контекста. Компонент который обернут этим контекстом ведь все равно должен быть обернут memo?
после слов "...делаю интерфейс в кинопоиске..." вырубил видео 😂
шучу. вода, конечно, есть, но в целом конструктив.
очень понятно
Супер!
круто
спасибо, лучшее видео
Как я выпал со скримера вначала 🤣
top
Но с сетером темы странная штука: условный свитч все равно меняет свое состояние в зависимости от темы, и ему тауже нужно иметь вэлью 😊
Тоже не понял, зачем нам 2 контекста, супер всратый пример
Value будет меняться каждый раз.
Set всегда один.
Замечали, когда используете setState внутри useEffect, линтер не говорит, что нужно добавить setState в зависимости.
setState из useState всегда возвращает одну и туже ссылку
@@JerarJerar потому что srtState без разницы актуальная ли ссылка на него.
Как когда используешь setState внутри useEffect, линтер не просит добавить setState в зависимости
У кенси дотс есть статья зачем так делать, там очень хорошо это поясняется легко загуглить
@@SmotritelTube спасибо, хоть узнал что это за чел))
Что такое Кинопоиск и ШРИ?? И нет, перерендеры не опасны. В отличии от электричества 220 вольт они вас точно не убьют.
Знать такие подробности о Реакте совершенно не нужно. Это внутренние детали имплементации. У Реакта есть best practices, им надо следовать, и все будет хорошо.
Термин "псевдородитель" тупо на ровном месте выдуман.
Нигде его до этого не видел и не слышал.
Хоть кто-то из англоязычных коллег его использовал?
Еще бы перестать говорить перерендеры 🥲
Очень поверхностно
Просто выбрать Vue