Explain the difference between useEffect hooks and useLayoutEffect hooks.

useEffect executes asynchronously after the DOM paint is rendered on screen, making it safe for non-blocking side effects like data fetching. useLayoutEffect runs synchronously BEFORE the browser paints the screen, useful for measuring layout or forcing styling adjustments before the user sees them.