V ktorých prípadoch dochádza k opätovnému renderovaniu komponentu v React?

Re-renderovanie komponentu v React nastáva v nasledovných prípadoch:

• Zmena stavu komponentu (state) pomocou setState alebo hooks useState.
• Zmena props, ktoré sú odovzdané komponentu.
• Zmena kontextu (Context API), ak je komponent prihlásený na kontext.
• Rodičovský komponent bol re-renderovaný a detský komponent nie je optimalizovaný (napríklad, nepoužíva React.memo).

Príklad:

function MyComponent({ value }) {
  const [count, setCount] = React.useState(0);

  // Pri zmene count alebo value dôjde k re-renderu
  return <div>{value} - {count}</div>;
}