useEffect

Służy do synchronizacji komponentu z zewnętrznym systemem.

Np.:

• event listener,
• WebSocket,
• timer,
• integracja z biblioteką zewnętrzną.

useEffect(() => {
  const handler = () => {};

  window.addEventListener("resize", handler);

  return () => {
    window.removeEventListener("resize", handler);
  };
}, []);

Cleanup jest wykonywany przed ponownym efektem i przy unmount.

Warto wiedzieć: nie każdy fragment logiki po renderze powinien trafiać do useEffect.