navanes/useMemo-useCallback-useRef-React.memo

using useMemo and useCallback Hooks also using React.memo which is a HOC, useMemo is a Hook to memorize a value, useCallback is a Hook that lets you to cache a function definition between re-renders, also using useRef() Hook which allows you to persist values between renders.

JavaScript