Waarom is React niet reactief?

React is niet reactief in de klassieke zin van reactieve programmering, omdat het niet automatisch datwijzigingen volgt en de UI niet bijwerkt in reactie op statuswijzigingen zonder expliciete aanroep.

In React gebeurt de UI-update via het aanroepen van de functie setState of het bijwerken van de staat met hooks (useState, useReducer), wat een her-rendering van de component initieert. Dit is een declaratieve aanpak, maar niet reactief in de zin van automatische datastromen en hun wijzigingen volgen.

In reactieve frameworks (bijvoorbeeld Vue, Svelte, MobX) worden datwijzigingen automatisch gevolgd en leiden ze tot UI-updates zonder handmatige aanroepen.

Voorbeeld in React:

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

  // UI wordt alleen bijgewerkt na het aanroepen van setCount
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Hier reageert React niet op de verandering van de variabele count, maar werkt de UI alleen bij na het aanroepen van setCount, wat verschilt van reactieve systemen waar de verandering in de variabele automatisch wordt weergegeven in de UI.