AI‑උපකරණ වලින් ජනිත කරන React‑ශෛලිය TSX කේතය, දැන් React හෝ වර්චුවල් DOM නොමැතිවත් ස්ථාතික වෙබ් පිටු නිර්මාණයට භාවිතා කළ හැකිය. Kudzu නම් නව පරිසරය මේ අදහසට පදනම්ව ඉදිරිපත් කරයි.
ඉදිරියට යන වෙබ් සංවර්ධකයින්ට, TSX යනු කොම්පෝනන්ට්, ප්රොප්ස්, JSX වැනි ව්යුහයන්ගෙන් සංකීර්ණ UI එකක් ලියන ප්රියතම ආකාරයයි. නමුත් සාමාන්ය ස්ථාතික පිටුවක් නිර්මාණය කරන විට, React‑රන්ටයිම්, hydration, virtual DOM වැනි අමතර බරක් අවශ්ය නොවේ. Kudzu එම බර ඉවත් කරමින්, TSX කේතය ගොඩනැගීමේදීම ක්රියාත්මක කර HTML, CSS, අවශ්ය JavaScript කේතය පමණක් නිර්යාත කරයි.
කොම්පෝනන්ට් එකක් function ලෙස ලියලා, build පියවරේදී එය ක්රියාත්මක වේ. එවිට බ්රවුසරයට එන දත්ත කෙලින්ම static HTML ලෙස පෙන්වයි. React, virtual DOM, hydration, component tree වැනි අංග කිසිවක් බාගත නොවන නිසා පිටුවේ ලෝඩ් වේගය ගුණාත්මකව වැඩි වේ.
උදාහරණයක් ලෙස, PostCard කොම්පෝනන්ට් එකේ title, description, href වැනි ප්රොප්ස් භාවිතා කර HTML ලිපියක් නිර්මාණය කරයි. Kudzu මෙම කොම්පෝනන්ට් එක build‑කාලයේ ක්රියාත්මක කර, අවසාන HTML පේජ් එක <article><h2><a href="/posts/hello">Hello</a></h2><p>My first article.</p></article> ලෙස නිකුත් කරයි.
state කළමනාකරණයද Kudzu‑ේ useState API එකෙන් සිදු කරයි. බ්රවුසරයට එන JavaScript කුඩා ක්රියා සැලැස්මක් පමණක්; එය DOM node එකක් සෘජුවම යාවත්කාලීන කරයි. React‑හි snapshot‑වලට වඩා, Kudzu‑ේ setter එකක් ක්රියාත්මක වුනත්, ඊළඟ පේළියට නවතම state අගයම ලබා දේ, එමනිසා UI එකේ පරස්පර අලුත්කම් ඉක්මනින් සිදු වේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
- සිසුන් – TSX භාවිතයෙන් UI ලේඛනය ඉගෙන ගන්නා අතර, React‑රන්ටයිම් නොමැතිව නිෂ්පාදන මට්ටමේ ස්ථාතික වෙබ් අඩවි සාදන්න පුළුවන්.
- සංවර්ධකයින් – build‑කාලයේ කේතය ක්රියාත්මක කර නිර්මාණය කරන නිසා, bundle size අඩු කර, SEO සහ performance වැඩි කරයි.
- ව්යාපාර – අඩු JavaScript බර, වේගවත් පිටු ලෝඩ් වේගය නිසා පාරිභෝගික රැඳී සිටීම වැඩිවේ, hosting පිරිවැයත් අඩු වේ.
අවසන් වශයෙන්, Kudzu වෙබ් සංවර්ධනයේ නව පියවරක්. TSX කේතය භාවිතා කර, React‑රන්ටයිම් නොමැතිව, ඉතා වේගවත්, SEO‑හිතකාමී ස්ථාතික වෙබ් අඩවි නිර්මාණය කිරීමේ හැකියාව දැන් ඔබට ලැබේ.
