what purpose does useLiveSignal and useSignalRef have?

[rawrmonstar]

I saw the new signal utils and they are very cool, I am just having trouble understanding what useLiveSignal actually does and a usecase for useSignalRef.

Is useLiveSignal purely an optimization of some kind? I was trying to explore how it changed anything and I could not see a difference between just using the external hook directly...

[JoviDeCroock]

With useSignalRef you can react to the ref changing, so let's say you have the following component

const ResizeObserver = () => {
  ref = signalRef()
  effect(() => {
     // If ref changes recreate the observer
  })
  return props.condition ? <div ref={ref} /> : <span ref={ref} />
}

useLiveSignal is used when the identity of the signal passed to the component can change, as seen in #361 (comment)