Самые загадочные хуки - useImperativeHandle и forwardRef 

Отвечаю спустя год, но может комментарий поможет кому-то. У меня был кейс с двумя рефами: одна пришла от родителя через forwardRef, другая создаётся внутри через useRef. В итоге получается что нужно в компонент передать две рефы, но ref принимает только одну. Здесь на помощь приходит useImperativeHandle. В компонент прокидывается внутренний реф, а родителю отдаётся весь веф или то что нужно через useImperativeHandle

@@Bnepeg3agpoT Правильней был бы ответ такой: useImperativeHandle нужен для того, чтобы с родительского компонента вызывать функции расположенные в дочерних элементах.

@@Bnepeg3agpoT Есть более элегантное решение, через паттерн custom ref prop.

Спасибо!)

да, спасибо!)

не затерли) я видел ваш комент в уведомлениях и на почте, под видео его уже не было... Рефы через пропы пробрасывать можно, особенно это будет полезно если в компоненте множество элементов. Хотя, на самом деле, с useImperativeHandle тоже можно дать возможность работы с несколькими элементами... В этих двух подходах будет отличаться API кастомного компонента. А в видео я просто хотел показать такой use case на сравнении с рефом, т.к. useImperativeHandle не совсем очевидный хук, его сложнее понять в отличие от, например, useEffect или useContext.

@@DevMagazineChannel Спасибо

Больше свободы, больше гавнокода

еще у Vue 3 насколько мне известно нет до сих пор нормальной поддержки typeScript в шаблонах, а у реакта есть.

@@habalgarmin руки чешутся пойти работать Реакт-разработчиком, но также есть цель сделать свой проект образовательный) Решил год посвятить его созданию)

ты сам с собой разговариваешь?

@@Armas0n мысли вслух