React අවබෝධ කරගනිමු : JavaScript පුස්තකාලයේ කෙටි හැඳින්වීමක්

 වෙබ් සංවර්ධනය දිනෙන් දින වැඩිදියුනු වන ලෝකයක් තුල, නවතම තාක්‍ෂණයන් සමඟ සමීපව සිටීම ඉතා වැදගත් වේ. මෙම තාක්ෂණයන් අතර, ගතික සහ අන්තර්ක්‍රියාකාරී පරිශීලක අතුරුමුහුණත් ගොඩනැගීමේ බලාගාරයක් ලෙස React මතු වී ඇත. Facebook විසින් වැඩි දියුණු කරන ලද, React එහි කාර්යක්ෂමතාව, නැවත නැවත භාවිතා කිරීමේ හැකියාව සහ පහසුවෙන් භාවිතා කලහැකි බව හේතුවෙන් පුළුල් ලෙස සම්මත කර ගෙන ඇත. නමුත් ඇත්ත වශයෙන්ම React යනු කුමක්ද සහ එය වෙබ් සංවර්ධන ලෝකයේ එතරම් ප්‍රමුඛ ක්‍රීඩකයෙකු බවට පත්ව ඇත්තේ ඇයි සාකච්චා කරමු ඒ පිලිබඳව?

React යනු කුමක්ද?

React යනු පරිශීලක අතුරුමුහුණත් (UIs) සහ ඉදිරිපස යෙදුම් තැනීම සඳහා මූලික වශයෙන් භාවිතා කරන විවෘත මූලාශ්‍ර JavaScript පුස්තකාලයකි. එය සංවර්ධකයින්ට අන්තර්ක්‍රියාකාරී, තනි පිටු යෙදුම් (SPAs) සහ නැවත භාවිත කළ හැකි UI සංරචක නිර්මාණය කිරීමට ඉඩ සලසමින් UI ගොඩනැගීම සඳහා ප්‍රකාශන, සංරචක-පාදක ප්‍රවේශයක් සපයයි.

React හී නිල ලාංජනය

React හී ප්‍රධාන සංකල්ප පිලිබඳ කතාකරමු

සංරචක(compenent): ප්‍රතික්‍රියා යෙදුම් ගොඩනඟා ඇත්තේ සංරචක භාවිතයෙන් - UI හි කොටසක් නියෝජනය කරන ස්වයං අන්තර්ගත, නැවත භාවිත කළ හැකි කේත කෑලි. සංකීර්ණ UI සෑදීමට සංරචක එකට රචනා කළ හැක.

උදා:

Virtual DOM (ලේඛන වස්තු ආකෘතිය): React හි එක් ප්‍රධාන අංගයක් වන්නේ එහි ලේඛන වස්තු ආකෘති ය ය. බ්‍රවුසරයේ DOM සෘජුවම හසුරුවනවා වෙනුවට, React මඟින් එහි අතථ්‍ය නිරූපණයක් නිර්මාණය කරයි. කාර්ය සාධන බාධා අවම කරමින් වෙනස්කම් ඇති විට අවශ්‍ය සංරචක පමණක් කාර්යක්ෂමව යාවත්කාලීන කිරීමට සහ විදැහුම් කිරීමට මෙය React හට ඉඩ සලසයි.

JSX (JavaScript XML): JSX යනු React හි භාවිතා වන සින්ටැක්ස් දිගුවක් වන අතර එය සංවර්ධකයින්ට JavaScript තුළ HTML වැනි කේතයක් ලිවීමට ඉඩ සලසයි. මෙය ප්‍රතික්‍රියා මූලද්‍රව්‍ය වඩාත් කියවිය හැකි සහ පහසු ආකාරයෙන් නිර්මාණය කිරීමට උපකාරී වේ.

එක්-මාර් ග දත්ත බන්ධනය: ප්‍රතික්‍රියා ඒක දිශානුගත දත්ත ප්‍රවාහයක් අනුගමනය කරයි, එයින් අදහස් කරන්නේ දත්ත එක් දිශාවකට ගලා යන බවයි, දෙමව්පියන්ගේ (Parent) සිට දරුවා(Child) දක්වා. මෙය යෙදුම වඩාත් පුරෝකථනය කළ හැකි සහ නිදොස් කිරීම පහසු කරයි.

React තෝරා ගන්නේ ඇයි?

කාර්‍ය සාධනය: ප්‍රතික්‍රියා වල අතථ්‍ය DOM කාර්යක්ෂම යාවත්කාලීන කිරීම් සක්‍රීය කරයි, එහි ප්‍රතිඵලයක් ලෙස සත්‍ය DOM උපාමාරු අවම කිරීම මගින් වඩා හොඳ කාර්ය සාධනයක් ඇති කරයි.

නැවත භාවිතා කිරීමේ හැකියාව: ප්‍රතික්‍රියාවේ ඇති සංරචක නැවත භාවිතා කළ හැකි අතර, සංවර්ධනය සඳහා මොඩියුලර් සහ පරිමාණය කළ හැකි ප්‍රවේශයක් ප්‍රවර්ධනය කරයි.

ප්‍රජාව සහ පරිසර පද්ධතිය: ප්‍රතික්‍රියා සතුව පුස්තකාල, මෙවලම් සහ සම්පත් දායක වන සංවර්ධකයින්ගේ විශාල ප්‍රජාවක් ඇත. මෙම පරිසර පද්ධතිය නවෝත්පාදනයන් පෝෂණය කරන අතර විවිධ සංවර්ධන අභියෝගවලට විසඳුම් සපයයි.

Tech Giants වෙතින් සහය: Facebook විසින් නඩත්තු කිරීම සහ අනෙකුත් තාක්ෂණික දැවැන්තයින්ගේ සහාය ලැබීම React හි විශ්වසනීයත්වය සහ අඛණ්ඩ වැඩිදියුණු කිරීම සහතික කරයි.

React සමඟ ආරම්භ කිරීම

React භාවිතා කිරීම ආරම්භ කිරීමට, සංවර්ධකයින්ට HTML, CSS සහ JavaScript පිළිබඳ මූලික අවබෝධයක් තිබිය යුතුය. ප්‍රතික්‍රියා යෙදුම සාදන්න වැනි මෙවලම් භාවිතයෙන් සංවර්ධන පරිසරයක් සැකසීමෙන් හෝ Node.js සහ npm (Node Package Manager) භාවිතයෙන් ව්‍යාපෘතියක් අතින් වින්‍යාස කිරීමෙන් ඒවා ආරම්භ කළ හැක.

සමාප්තයි නැවත මෙවැනි තාක්ශණික දිගහැරුමකින් හමුවෙමු.