Redux යෙදුම සහ සේවාදායකය අතර දත්ත හුවමාරුව

Redux හි සාක්ෂාත් කරගත් දෙයින් නතර නොවූ සහ මෙම නිබන්ධනයේ අවසානය දක්වා යාමට තීරණය කළ නියමෝන්මාදී සිසුන් සඳහා මෙම කොටස වනු ඇත. ඊළඟ කොටස් දෙකේදී අපි Redux යෙදුමක අසමකාලී තර්කනය සමඟ වැඩ කිරීම, අපගේ යෙදුම සේවාදායක පැත්ත සමඟ සම්බන්ධ කිරීම සහ එය සමඟ දත්ත හුවමාරු කර ගැනීමට එය ඉගෙන ගනිමු.

පෙර කොටස් වලින් අපි දනිමු Redux යෙදුමක ක්‍රියාකාරිත්වයේ පදනම සමකාලී යාන්ත්‍රණය වේ. වැඩ කිරීමේ ප්‍රධාන අවස්ථා යෙදුමේ යම් සිදුවීමක් සිදු වූ විට ක්‍රියා (actions) යැවීම, ඉන්පසු store තුළ state යාවත්කාලීන කිරීම reducer ශ්‍රිතය මගින්, යෙදුමේ සංරචකවලට state වෙනස් වීම පිළිබඳව දැනුම් දීම සහ ඒ අනුව නව state අගය සංරචකවල ප්‍රදර්ශනය කිරීම ය.

සැබෑ ජීවිතයේ බොහෝ විට, යෙදුමට අසමකාලී තර්කනය අවශ්‍ය වේ, උදාහරණයක් ලෙස HTTP API ඉල්ලීම් සමඟ වැඩ කිරීම සහ යම් බාහිර සේවාදායකයකින් දත්ත ලබා ගැනීම. එබැවින්, අපගේ 'සමකාලී' Redux store එවැනි අසමකාලී තර්කනය සමඟ වැඩ කළ හැකි වන පරිදි, ඊනියා middleware - මෘදුකාංගය භාවිතා කරනු ලැබේ, එය අපගේ යෙදුමේ store සහ, උදාහරණයක් ලෙස, අපි මෙම නිබන්ධන පරිච්ඡේදයේදී වැඩ කිරීම ආරම්භ කරන සේවාදායකය අතර මැදියක් හෝ සම්බන්ධකයක් ලෙස ක්‍රියා කරයි.

Redux සඳහා එවැනි middleware රාශියක් සාදනු ලැබ ඇත, කෙසේ වෙතත්, ඒවා අතරින් වඩාත්ම බහුලව පැතිරී ඇති සහ Redux යෙදුම් අසමකාලී තර්කනය සමඟ වැඩ කිරීමේදී තවමත් නිල වශයෙන් නිර්දේශ කරනු ලබන්නේ Redux Thunk ය. මෙම මෘදුකාංගය අපට සාමාන්‍ය ශ්‍රිත (හෝ thunks) භාවිතා කිරීමට උපකාරී වේ, ඒවාට setTimeout, Promises, async/await වැනි අසමකාලී තර්කනය අඩංගු විය හැකිය, අපගේ store සමඟ අන්තර්ක්‍රියා කිරීම සඳහා. පදයම සම්බන්ධයෙන් ගත් කල, thunk යනු යම් ආලම්බිත වැඩක් කරන කේතයකි.

දැන්, Redux හි අසමකාලී තර්කනය සමඟ වැඩ කරන්නේ කෙසේද යන්න ගැන අපි ටිකක් දැන හඳුනා ගත් පසු, අපට අපගේ යෙදුමේ මෙම අදියර ක්‍රියාත්මක කිරීමට පෙළඹිය හැකිය. අපගේ යෙදුමට යම් බාහිර සේවාදායකයක් සමඟ අන්තර්ක්‍රියා කළ හැකි වන පරිදි අපි කළ යුතුය, එයින් දත්ත ලබා ගැනීම සහ එයට පැවරීම. වෙනත් වචන වලින් කියතොත්, අප ඉදිරියේ අපිව අත්පත් කර ගන්නා සහ ඉතා වැදගත් මාතෘකාවක් බලාපොරොත්තු වෙයි. අපි අරඹමු.