Redux හි මූලික අදහස් දෙක

Redux පුස්තකාලය අධ්‍යයනය ආරම්භ කිරීමට පෙර, අපි එහි මූලික අදහස් දෙක සමඟ දැන හඳුනා ගනිමු. තත්වය කළමනාකරණය සම්බන්ධ පළමු අදහස, අපි React හි සාමාන්‍ය counter එකක උදාහරණයක් මත බලමු තත්වය මත:

jsxfunction Counter() {
  // State
  const [count, setCount] = useState(0)

  // Action:
  function clickHandler() {
    setCount(count + 1)
  }

  // View:
  return (
    <div>
      <span>{count}</span>
      <button onClick={clickHandler}>+</button>
    </div>
  )
}

මෙම කේතයේ දී අපි තත්වය දකිමු count විචල්‍යය සඳහා - මෙය counter සඳහා සත්‍යයේ මූලාශ්‍රයයි. ඊට පසුව අපි දකිමු ක්‍රියාව (action) - සිදුවීම, පරිශීලක ක්ලික් කිරීමකින් ඇති කරන තත්වය යාවත්කාලීන කිරීම. සහ, අවසානයේ, දර්ශනය (view), එහි ආධාරයෙන් අපි පෙන්වමු පරිශීලක අතුරු මුහුණත.

එබැවින් යෝජනා ක්‍රමය තරමක් සරලයි: බොත්තම ඔබා ඇත - තත්වය count (State) ඔබා ඇති විට (Action) වෙනස් වේ, එහෙයින් දර්ශනය (View) වෙනස් වේ - අපගේ නඩුවේ දී මෙය තිරයේ ඇති අංකයයි.

කෙසේ වෙතත්, සෑම දෙයක්ම වඩාත් සංකීර්ණ වනු ඇත, අපට බොහෝ නම් එකම තත්වය භාවිතා කළ යුතු අංග . ඇත්ත වශයෙන්ම, උදාහරණයක් ලෙස, කළ හැකිය තත්වය ඉහළට ඔසවන්න මව් පිය අංග වෙත, නමුත් එවැනි විසඳුමක් සැමවිටම ගැටලුවෙන් මිදීමට නොහැක. මෙම අවස්ථාවේ දී Redux අපට නිර්මාණය කිරීමට යෝජනා කරයි යෙදුමක තනි ස්ථානයක්, යෙදුමේ සමස්ත තත්වය අඩංගු වන සහ යම් යම් මෙම තත්වය යාවත්කාලීන කිරීමේදී හැසිරීමේ රටා. මෙය තුළයි පළමු මූලික අදහස (!) පවතී.

දෙවන අදහස සම්බන්ධ වන්නේ නොවෙනස් භාවය, එනම් දත්තවල නොවෙනස් භාවය. ඔබ, ඇත්ත වශයෙන්ම, JavaScript වලින් මතක තබා ගන්න, අරා සහ වස්තූන් වෙනස් කළ හැකිය. දත්ත කෙලින්ම වෙනස් කිරීම Redux හි, වෙනත් රාමු වල මෙන් නරක රිද්මයක් ලෙස සැලකෙන අතර එය තුළට යොමු විය හැකිය නොපෙනෙන ප්‍රතිවිපාක. ඒ නිසා Redux හි අපගේ මුල් වස්තූන් සහ අරා ඉතිරි විය යුතුය නොවෙනස්, සහ වෙනස් කළ හැක්කේ ඒවායේ පිටපත් පමණි.