What is the useLayoutEffect hook and how does it differ from useEffect?

Question

React Developer — Medium

What is the useLayoutEffect hook and how does it differ from useEffect?

Accepted Answer

useLayoutEffect runs synchronously after all DOM mutations but before the browser paints; useEffect runs asynchronously after the browser paints. This ensures that useLayoutEffect can be used for immediate layout effects before the user sees the changes.