React හි Hooks

මෙම පාඩමෙන් අපි hooks සමඟ දැන හඳුනා ගැනීම ආරම්භ කරමු. අපි ඒවා හමු වී ඇත්තේ state අධ්‍යයනය කරන විටය - එහිදී අපි state hook useState සමඟ වැඩ කිරීම ඉගෙන ගත්තෙමු.

සාමාන්‍යයෙන්, hooks යනු සාමාන්‍ය JavaScript functions වන අතර ඒවායේ නම් 'use' යන වචනයෙන් ආරම්භ වේ.

Hooks අපට classes භාවිතා නොකර state සහ React හි අනෙකුත් හැකියාවන් භාවිතා කිරීමට ඉඩ සලසයි. ඒවා විවිධ කාර්යයන් සඳහා කේතය නැවත භාවිතා කිරීම පහසු කරයි, ඒ සමඟම එය පරීක්ෂා කිරීම සහ සංකීර්ණ components සරල ශ්‍රිතයකට කාර්යය අනුව කඩා දැමීමටද උපකාරී වේ. සමහර hooks වලට Redux හි ක්‍රියාකාරිත්වය පවා ප්‍රතිස්ථාපනය කළ හැකිය. ඊට අමතරව, hooks යෙදුමේ කාර්ය සාධනය වැඩි දියුණු කිරීමට උපකාරී වේ.

ඔබ hooks භාවිතා කිරීමට අවශ්‍ය නම්, ප්‍රධාන නීති දෙකක් අනුගමනය කරන්න. පළමුව, ඒවා භාවිතා කරන්න ඉහළ මට්ටමේ පමණක් - ලූප, කොන්දේසි සහිත ප්‍රකාශන හෝ nested functions තුළ ඒවා කැඳවන්න එපා. දෙවනුව, hooks කැඳවිය යුත්තේ React functions (React components හෝ custom hooks) වලින් පමණක් වන අතර සාමාන්‍ය JavaScript functions වලින් නොවේ.

තවද, programmers කරන තවත් වැරදියක් නම් කේතය තුළ hooks අනියන්ත ලෙස භාවිතා කිරීමයි. යම් hook එකක් භාවිතා කිරීමට පෙර, එය සැබවින්ම අවශ්‍ය බවට විශ්වාස කර ගන්න.

ඊළඟ පාඩමේදී අපි hooks වර්ග සලකා බලමු.