Ինչու React-ը ռեակտիվ չէ?

React-ը ավանդական իմաստով ռեակտիվ չէ, քանի որ այն ավտոմատ կերպով չի հետևում տվյալների փոփոխություններին և չի թարմացնում UI-ն փոփոխությունների արձագանքում առանց հստակ կանչի:

React-ում ինտերֆեյսի թարմացումը տեղի է ունենում setState ֆունկցիայի կանչով կամ վիճակի թարմացմամբ hook-ների (useState, useReducer) միջոցով, ինչը սկսում է նոր ռենդերային կոմպոնենտ։ Սա դեկլարատիվ մոտեցում է, բայց ոչ ռեակտիվ՝ տվյալների հոսքերի և փոփոխությունների ավտոմատ հետևման իմաստով։

Ռեակտիվ ֆրեյմվորկներում (օրինակ՝ Vue, Svelte, MobX) տվյալների փոփոխությունները ավտոմատ կերպով հետևվում են և հանգեցնում UI-ի թարմացման՝ առանց ձեռքով կանչելու:

React-ի օրինակ՝

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

  // UI-ի թարմացումը տեղի է ունենում միայն setCount կանչից հետո
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

Այստեղ React-ը "պատասխանատու" չէ փոփոխվող count փոփոխականի համար, այլ թարմացնում է UI-ն միայն setCount կանչից հետո, ինչը տարբերվում է ռեակտիվ համակարգերից, որտեղ փոփոխությունը ավտոմատ արտացոլվում է UI-ում։