Привет всем. Подскажите, кто имел дело с https://github.com/welldone-software/why-did-you-render ? Перечитал

Question

Привет всем. Подскажите, кто имел дело с https://github.com/welldone-software/why-did-you-render ? Перечитал

доку и 2 статьи, но методики борьбы с ререндерами мне не помогли (не знаю почему). Кто нибудь может дать совет по этому инструменту как правильно юзать логи ?

#frontend #javascript #programming #react.js #russian

0

05.12.2020

20 ответов

17 просмотров

Тимофей 🛴

Dmitriy Shuleshov
он устарел, юзайте react dev tools

В девтулз появилась функция детекта рендера с одинаковыми пропсами? И откуда инфа что устарел?

0

05.12.2020

Oleg Dosov Автор вопроса

Dmitriy Shuleshov
он устарел, юзайте react dev tools

Блин. Либу посоветовал спикер на недавнем стриме яндекса по разработке интерфейсов. Думал она ещё актуальна.

0

05.12.2020

Тимофей 🛴

Oleg Dosov
Блин. Либу посоветовал спикер на недавнем стриме я...

Да вроде актуальна

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
В девтулз появилась функция детекта рендера с ...

1 Не понял 2. Весь функционал дев тулзы кроют

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov
1 Не понял 2. Весь функционал дев тулзы кроют

Какой весь? Эта либа тебе логает компоненты которые ререндерятся с одинаковыми пропсами, в дев тулзах нет такого функционала

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
Какой весь? Эта либа тебе логает компоненты которы...

0

05.12.2020

Oleg Dosov Автор вопроса

Тимофей 🛴
Да вроде актуальна

Ok. Thx

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov

Не, это не то

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
Не, это не то

Почему не то?

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov
Почему не то?

Потому что он просто показывает изменение пропов в профилировщике А та либа логает ререндеры с одинаковыми пропами

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
Потому что он просто показывает изменение пропов в...

Что значит с одинаковыми? Профилировщик показывает все ререндеры и их причину, почему этого недостаточно?

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov
Что значит с одинаковыми? Профилировщик показывает...

Одинаковыми это equal(prevProps, props) Компонент который рендерится много раз с одинаковыми пропами можно оптимизировать например мемоизировать целиком или мемоизировать его проп(callback или { style })

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
Одинаковыми это equal(prevProps, props) Компонент...

те та либа показывает ререндеры только тех компонентов пропсы которых deep equal?

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov
те та либа показывает ререндеры только тех компоне...

Да

0

05.12.2020

Dmitriy Shuleshov

Тимофей 🛴
Да

https://github.com/welldone-software/why-did-you-render/issues/122#issuecomment-653746971 Да вот нашел отличие, но смутно понимаю как это может помочь при реальной оптимизации. Часто узкое место не там где можно мемоизировать

0

05.12.2020

Dmitriy Shuleshov

Dmitriy Shuleshov
https://github.com/welldone-software/why-did-you-r...

Точнее не так, а проще посмотреть флеймграф и понять какой компонент больше всего треда занимает

0

05.12.2020

Тимофей 🛴

Dmitriy Shuleshov
https://github.com/welldone-software/why-did-you-r...

Это уже другой вопрос) сам эту штуку уже давно не ставил

0

05.12.2020