Perché React non è reattivo?

React non è reattivo nel senso classico della programmazione reattiva, perché non traccia automaticamente le modifiche ai dati e non aggiorna l'interfaccia utente in risposta a cambiamenti di stato senza una chiamata esplicita.

In React, l'aggiornamento dell'interfaccia avviene tramite la chiamata alla funzione setState o l'aggiornamento dello stato con gli hook (useState, useReducer), che innescano un nuovo rendering del componente. Questo è un approccio dichiarativo, ma non reattivo nel senso di monitoraggio automatico dei flussi di dati e delle loro modifiche.

Nei framework reattivi (ad esempio Vue, Svelte, MobX), le modifiche ai dati vengono tracciate automaticamente e portano all'aggiornamento dell'UI senza la necessità di chiamate manuali.

Esempio in React:

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

  // L'aggiornamento dell'UI avviene solo dopo la chiamata a setCount
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Qui React non "reagisce" al cambiamento della variabile count, ma aggiorna l'UI solo dopo la chiamata a setCount, il che è diverso dai sistemi reattivi in cui la modifica della variabile si riflette automaticamente nell'UI.