useState updates cause re-renders, while useRef updates do not

useRef updates cause re-renders, whereas useState does not

useState holds primitive values only, while useRef holds complex objects

useRef only works with DOM elements, while useState does not

refCreate()

useRef()

React.ref()

React.current(ref)

Reading from input elements

Managing media playback

Triggering imperative animations

Handling modal window closing

Managing focus

Writing into input elements

Integrating with third-party DOM libraries

Using with forms

Managing text selection

 HOC doesn’t use inheritance to copy input component behavior

HOC is a callback function

HOC composes the original component by wrapping it in a container component

 HOC doesn’t modify the input component