← React Intermediate Questions - Set 1 Q3

What is the difference between useEffect and useLayoutEffect?

React Intermediate Questions - Set 1

Example

1
2

useLayoutEffect(() => { /* measure, runs before paint */ }, []);
useEffect(() => { /* fetch, runs after paint */ }, []);

What to notice

• Same signature, different timing; the layout one blocks the frame.