useImperativeHandle | Как работает? Для чего нужен? Разбираемся на примерах

Видео получилось очень комплементарным так что напишу тут:
Используйте этот подход с осторожностью!
Основа вашего приложения должна быть написана в декларативном стиле. Используйте этот хук только при работе с неуправляемыми компонентами, и если чётко понимаете, почему эти компоненты должны быть неуправляемыми
Подписывайтесь на мой telegram канал:
t.me/cleanfron...
Примеры кода:
codesandbox.io...
codesandbox.io...

[@user-vm2db5cq1g]

самое лучшее и понятное объяснение этого хука что я видел)

[@vladimirgaletinko8668]

Интересное решение второго примера. Первое что в голову приходит это решить такую задачу с помощью event emitter.

[@user-cs1wc4hl1k]

класс! В названии опечатка. Спасибо за контент

[@NataxaDikaya]

Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

[@nikolaizarezako9344]

Круто! Продолжай!

[@NikVolkov]

Объяснение хорошее. Однако, значительно понятнее, когда под объяснение идёт написание кода с нуля.

[@CJIu3eHb]

Все-таки с неймингом надо быть аккуратнее, особенно, когда тема непростая. Я, конечно, сам виноват, что забыл про существование колбек рефов, но это не отменяет того факта, что переменная *node* путает еще больше. _methodsRef={(node) => (childNodesRef.current[i] = node)}_ Это никакая не *node* (в контексте Tree или TreeNode), это скорее *childMethodsRefCurrent* . Тоже далеко не идеально, надо бы получше подумать.

[@ReferenceError]

Здравствуйте! Спасибо вам за контент) Не могли ли бы сделать ролик по тестированию? Сейчас начинаю писать новый проект и хочу покрыть его тестами. Но пока не понимаю, какой вид теста нужен в конкретном случае. Авторизация, например. Нужно ли в этом кейсе писать E2E, который проверяет весь сценарий? Достаточно ли Unit на запись токена LS / STM? Или надо написать оба варианта? Заранее спасибо!)

[@paromovevg]

Тестирование - не самое сильное мое место, не так много практики было Пока контент не планирую делать по этой теме

[@notsure8175]

не очень понял

[@BOCbMOU]

Откровенно говоря, не очень понимаю смысл существования данного хука. Он равносилен прямому присваиванию значения рефу: methodsRef.current = { ... } Разве что обёрнутого в юзЭффект.

[@paromovevg]

Как минимум что он ещё обрабатывает callback рефы

[@BOCbMOU]

@@paromovevg а тут уже возникает вопрос: а стоит ли вообще их использовать сегодня? Лично я не вижу причин для этого.

[@paromovevg]

А как ты получишь рефы элементов списка?

[@BOCbMOU]

@@paromovevg с помощью рефа. Можно пример? Возможно, я не так понял.

[@FerelUltra]

@@BOCbMOU позволяет а) получить ссылки несколько нод. б) получить только необходимые методы, а не всю ноду

[@shinauri1]

Здравствуйте, Спасибо за контент. Я изменил строки в TreeNode: {hasChildren && isExpanded && ( {node.children?.map((childNode, i) => ( (childNodesRef.current[i] = node)} /> ))} )} на {hasChildren && isExpanded && ( (childNodesRef.current.push(node))} /> )} все работает все Ок! как вы думаете есть подводные камни в этой реализации?

[@gaziev__9797]

Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?