Por que o React não é reativo?

O React não é reativo no sentido clássico de programação reativa, porque não rastreia automaticamente as mudanças nos dados e não atualiza a interface do usuário em resposta a alterações de estado sem uma chamada explícita.

No React, a atualização da interface ocorre através da chamada da função setState ou da atualização do estado usando hooks (useState, useReducer), o que inicia uma nova renderização do componente. Esta é uma abordagem declarativa, mas não reativa no sentido de rastreamento automático de fluxos de dados e suas mudanças.

Em frameworks reativos (por exemplo, Vue, Svelte, MobX), as mudanças nos dados são rastreadas automaticamente e levam à atualização da UI sem a necessidade de chamadas manuais de atualização.

Exemplo em React:

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

  // A atualização da UI ocorre somente após a chamada de setCount
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Aqui, o React não "reage" à mudança na variável count, mas atualiza a UI somente após a chamada de setCount, o que é diferente de sistemas reativos onde a mudança na variável é refletida automaticamente na UI.