React Developer Tools - как пользоваться Profiler

[@romanchebotaev_frontendblog]

Канал в телеграме с полезным контентом
➡Telegram t.me/frontend_blog_tg

[@annashirinskaya7400]

Спасибо, хороший ролик с приминением на практике!

[@sh0ny]

Лаконично просто и понятно, спасибо!

[@РусланФедулеев]

Хорошее видео, лаконично

[@-anonim-3008]

Божеееееееееееееее это просто 8 минут настоящего контента. Респект!

[@Рельныйобзор]

Спасибо корото четка и ясно !

[@inna1305]

спасибо, полезно

[@aksenovkirill5191]

Что если воспользоваться делегированием событий?

[@ВикторШитов-ф4о]

ну на самом деле информации по profiler очень мало, тема раскрыта процентов на 20% от силы.

[@NeoCoding]

mersi

[@АндрейСорокин-ь6ъ]

а не проще просто
const onChange = (e, index) => {...}
...
onChange(e, index)} />
?
а вообще лайк конечно)

[@d1zzy155]

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

[@vsoko_dormeh]

только нужно в onChange положить результат вызова, который возвращает функцию onChange={onChange(index)}
const onChange = useCallback((index) => (event) => {...}) иначе в твоём примере мемоизация не сработает так как функция будет каждый раз новая

[@СергейЦветов-н4н]

​@@vsoko_dormeh твой пример не заработает) тогда в пропсы надо передавать index и оттуда передавать в аргументах индексы

[@vsoko_dormeh]

@@СергейЦветов-н4н откуда такая уверенность ?🤔
ЗЫ: код предложен был выше и он работает я лишь дополнил его мемоизацией в рамках темы из ролика
(единственный момент нужно в useCallback обернуть внутреннюю функцию чтобы сработала мемоизация)
const onChange = (index) =>
useCallback(
(e) =>
setValue((prev) => [
...prev.slice(0, index),
e.target.value,
...prev.slice(index + 1),
]),
[]
);
ЗЫЗЫ: ютуб удаляет ссылки на codesandbox так что предлагаю тебе самому попробовать)
ЗЫЗЫЗЫ: про пропсы что ты написал не понял) суть предложенного кода была в том чтобы избавится от лишнего пропса и дата атрибута
Ответить

[@СлаваКравченко-в5р]

хто 1 дезлайк поставил презнавайтесь