Реф это обычный объект с полем current. Каким образом будешь вешать события через него?

то что хранит в себе  current - эт овыход на этот самый елемент так же?

const btnRef = useRef();

<btn ref={btnref}>

вот он теперь в current хранит ссылку на btn

Не стоит смотреть на реф только как  связь с элементом. Это отличный инструмент хранения данных изменение которых не должно вызывать ререндер

А дальше ?

const handleClick = () => console.log('fff')
btnRef?.current.onclick = handleClick

Я так ни разу не делал и у меня не получается) Покаж как ты делаешь

Три раза перечитал, не понял) с кодом будет яснее

добрый вечер, сообщество
Делаю один проект  на react  c WebRTC
написал простую версию соединения чисто на js без реакта, где webRTC объект инициилизировался как глобальная переменная
С тем что потом к ней много обращений из разных мест

по сути висело на window.rtcConnectionObject

и столкнулся с тем, что когда стал переписывать уже с react /redux - мне нужно где-то хранить этот самый webRTCConnectionObject

в redux store засовывать не вижу смысла
создать может react context и там хранить эту переменную?
тоже как-то не очень

засовывать в window object глобвальную переменную в продакшн код как-то пока не хочется, может есть лучше способы?

Вот нашел эту статейку где предлагается Observer Pattern
https://dev.to/yezyilomo/global-state-management-in-react-with-global-variables-and-hooks-state-management-doesn-t-have-to-be-so-hard-2n2c


здесь исходник решения https://github.com/yezyilomo/state-pool

Всем заранее благодарен за идеи и соображения в этом вопросе.

Какие есть вариант хранить глобальные переменные  в React?

Localstorage, indexedDb

так а чем localstorage лучше window?

localstorage также внутри window

Тем что это специально отведенное место для хранения данных

привет! подскажите какой-нибудь плагин для отрисовки свг

Спасибо!

нет он типо на  маунте вешаеться и очищаеться в useEffect

const func = ()=> { something do};

useEffect(()=>{
   btn.addEventListener("event", func);

  ()=>{
    btn.removeEventListener('event', func)
}
}, [] )

а в чем преимущество данного подхода перед синтетическим onClick?

синтетические события для того и сделаны, чтобы избавить тебя от вот этого бойлерплет кода

и оптимизировать производительность

другое дело, если тебе надо повесить прослушиватель клика на body и делать clickOutside например для модалок (закрытие модалки на клике вне)