Redux හි මූලික යෙදුම්
මෙම පාඩමෙන් අපි මූලික සංකල්ප සහ යෙදුම් හැඳින්වීමක් කරමු, ඒවා දැන ගැනීම Redux තවදුරටත් අධ්යයනය කිරීම සඳහා අවශ්ය වේ.
අපි ආරම්භ කරන්නේ ක්රියාව (action)
සමඟය. මෙය
අපගේ යෙදුමේ සිදු වූ දෙය
විස්තර කරන සිදුවීමකි. තාක්ෂණිකව මෙය සාමාන්ය
JavaScript වස්තුවක්
වන අතර, එය
type ක්ෂේත්රය අඩංගු වේ, එහිදී අපි
ක්රියාවේ නම ලියන්නෙමු.
ක්රියාව සමඟ වස්තුවේ දෙවන වැදගත් ක්ෂේත්රය
payload ක්ෂේත්රයයි.
එය ප්රයෝජනවත් බර
අඩංගු කරයි. ප්රයෝජනවත් බර යනු
ක්රියාවට පරාමිතීන් ලෙස සම්ප්රේෂණය කරන
දත්ත කිහිපයකි.
අතිරේක තොරතුරු සමඟ වෙනත් ක්ෂේත්ර මෙම වස්තුවේ තිබිය හැකිය.
උදාහරණයක් සඳහා අපි ක්රියාවක්
සාදා එයට addOrderAction යනුවෙන් නම් කරමු. එය
නියෝගයක් එකතු කිරීම සඳහා වෙන් කරමු.
එනම් type ගුණයේ දී අපි
නියෝගය එකතු කර ඇති බව (orderAdded) නියෝග
(orders) වෙත දක්වමු.
payload හි දී විස්තරාත්මකව දක්වමු,
නියෝගය කුමක්ද, උදාහරණයක් ලෙස - බිත්තිය
තීන්ත ආලේප කිරීම:
const addOrderAction = {
type: 'orders/orderAdded',
payload: 'Paint a wall'
}
සෑම අවස්ථාවකම වස්තුව
ක්රියාව සමඟ අතින් ලිවීම වළක්වා ගැනීම සඳහා, අපට භාවිතා කළ හැකිය
ඊනියා action creator - ශ්රිතය,
එය සාදා ආපසු ලබා දෙනු ඇත
ක්රියාව සමඟ වස්තුව. අපි එය නම් කරමු
addOrder. පරාමිතියක් ලෙස අපි
අවශ්ය පෙළ එයට යොමු කරමු
payload ගුණය සඳහා:
const addOrder = text => {
return {
type: 'orders/orderAdded',
payload: text
}
}
ඊළඟ වැදගත් සංකල්පය - එය reducer (රෙඩියුසර්) - ශ්රිතයක්, වර්තමාන තත්වය සහ වස්තුව ක්රියාව සමඟ ලබා ගනී. මෙම ශ්රිතය තීරණය කරයි, යාවත්කාලීන කරන්නේ කෙසේද තත්වය සහ අවශ්ය නම් දැනටමත් යාවත්කාලීන කරන ලද state ආපසු ලබා දෙයි.
ඊළඟ සංකල්පය - ගබඩාව (store) - මෙය වස්තුවකි, එහි ගබඩා කර ඇත Redux යෙදුමේ වර්තමාන ගෝලීය තත්වය. මේ වස්තුවට getState ක්රමය ඇත, එමගින් වර්තමාන අගය ලබා ගත හැකිය state.
ගබඩාවට dispatch ක්රමය ද ඇත. එය කැදවීම සහ වස්තුව ක්රියාව සමඟ සම්ප්රේෂණය කිරීම - මෙය එකම ක්රමයයි, state වෙනස් කිරීමට. එහි ප්රතිඵලයක් ලෙස store reducer function ක්රියාත්මක කර ගබඩා කරයි state හි නව අගය.
අපි සලකා බලන අවසාන සංකල්පය මෙම පාඩමේ දී - එය තෝරන්නන් වේ. තෝරන්නන් - මේවා විශේෂ ශ්රිත, තොරතුරු උකහා ගන්නේ කෙසේදැයි දන්නා ගබඩාවේ ඇති state වෙතින්. මේවා ශ්රිත විශේෂයෙන් ප්රයෝජනවත් වේ යෙදුම ව්යාප්ත වීම සහ උපකාරී වේ කේත නැවත නැවත භාවිතා වීම වළක්වා ගැනීමට.
මෙම සියලු සංකල්ප සහ ප්රායෝගිකව ඒවා භාවිතා කිරීම ගැන අපි තව දුරටත් ඉගෙන ගනිමු මෙම පෙළපොතේ ඊළඟ කොටස් වලින්.
