Jaka jest różnica między useEffect a useLayoutEffect?

useEffect wykonuje się asynchronicznie po renderowaniu i malowaniu ekranu. useLayoutEffect wykonuje się synchronicznie po renderowaniu, ale przed malowaniem. useLayoutEffect używamy gdy musimy zmierzyć lub zmodyfikować DOM przed wyświetleniem użytkownikowi.