Nima uchun React reaktiv emas?

React an'anaviy reaktiv dasturlash ma'nosida reaktiv emas, chunki u avtomatik ravishda ma'lumot o'zgarishlarini kuzatmaydi va holat o'zgarishlariga javoban UI-ni ochiq chaqirmasdan yangilamaydi.

Reactda interfeys yangilanishi setState funksiyasini chaqirish yoki hooklar (useState, useReducer) yordamida holatni yangilash orqali amalga oshadi, bu komponentning qayta render qilinishini boshlaydi. Bu deklarativ yondashuv, ammo avtomatik ma'lumot oqimlarini va ularning o'zgarishlarini kuzatadigan reaktiv tizim emas.

Reaktiv frameworklarda (masalan, Vue, Svelte, MobX) ma'lumot o'zgarishlari avtomatik ravishda kuzatiladi va UI yangilanadi, qo'lda chaqirishga ehtiyoj qolmaydi.

React misoli:

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

  // UI yangilanishi faqat setCount chaqirilgandan so'ng yuzaga keladi
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Bu yerda React count o'zgarishiga "reaktsiya" qilmaydi, balki faqat setCount chaqirilgandan so'ng UI-ni yangilaydi, bu esa avtomatik ravishda UIga aks etadigan reaktiv tizimlardan farq qiladi.