Skip to content

Equivalence

From React to Unison framework

ReactUnison
useState()ref() / ~ reactive()
useDebugValue()Not implemented yet
useMemo()computed()
useDeferredValue()Not implemented yet
useRef()reactRef()
useEffect()watch() - flush: post / watchEffect() - flush: post / watchPostEffect()
useId()Not implemented yet
useImperativeHandle()Not implemented yet
useInsertionEffect()watchInsertionEffect()
useLayoutEffect()watchLayoutEffect()
useReducer()Not implemented yet
useActionState()Not implemented yet
useOptimistic()Not implemented yet
useCallback()Not needed
useContext()Not implemented yet
useTransition()Not implemented yet
useSyncExternalStore()Not implemented yet

From Vue to React

VueReact
ref()useState()
reactive()No real equivalent
readonly()No equivalent
computed()useMemo()
watch() - flush: preComponent’s body (before rendering)
watch() - flush: postuseEffect() (after rendering)
watch() - flush: syncRight after state setting
watchEffect() - flush: preComponent’s body (before rendering)
watchEffect() - flush: postuseEffect() (after rendering)
watchEffect() - flush: syncRight after state setting
watchPostEffect()useEffect() (after rendering)
watchSyncEffect()Right after state setting

Released under the MIT License.