Неге React реактивтүү эмес?

React классикалык түшүнүктөгү реактивдик программалоо эмес, анткени ал автоматтык түрдө маалыматтын өзгөрүүлөрүн көзөмөлдөбөйт жана абалдын өзгөрүшүнө жооп катары UI'ны ачык чакырбастан жаңыртпайт.

Reactте интерфейс жаңыртуусу setState функциясын чакыруу же useState, useReducer Hooks аркылуу абалды жаңыртуу менен болот, бул компоненттин кайра рендерингин баштайт. Бул декларативдүү ыкма, бирок автоматтык түрдө маалымат агымдарын жана алардын өзгөрүүлөрүн көзөмөлдөөчү реактивдүү систем эмес.

Реактивдүү чөйрөлөрдө (мисалы, Vue, Svelte, MobX) маалыматтын өзгөрүүлөрү автоматтык түрдө көзөмөлдөнөт жана UI'ны кол менен чакырбай туруп жаңыртат.

Reactтин мисалы:

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

  // UI жаңыртуу only setCount чакырылганда болот
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Бул жерде React count өзгөрмөсүнүн өзгөрүшүнө "реакция" бербейт, ал гана setCount чакырылганда UI'ны жаңыртат, бул автоматтык түрдө UI'га чагылдырган реактивдүү системдерден айырмаланат.