සමීප මාස කිහිපයකට පෙර, HTMX ගැන අහලාම හිතුවේ "කවදාවත් නැහැ, මට Vue.js පමණක් ලොකුයි" කියලා. ඒක හේතුව වුණේ, මට අවශ්ය වැඩිදුරටත් JavaScript ෆ්රේම්වර්ක් එකක් නොව, සරලව UI එකක් ඉදි කරගන්න එකක් හෝ.
ඉතින්, කාර්යාලය තුළ අභ්යන්තර මෙවලම්, ලැන්ඩින් පිටු, හෝ කෙටි CRUD පේජ්වලට SPA එකක් ගොඩනැගීමේ අවශ්යතාව නැති බව මට තේරුණා. ඒ නිසා HTHTMX එකට අවස්ථාවක් දෙන්න තීරණය කළා.
HTMX ගැන මුලින්ම මට ඇදගත් කරුණ වුණේ, කොඩින් ලියන JavaScript ප්රමාණය ඉතා අඩු වීමය. සාමාන්යයෙන් fetch, state management, loading indicator, DOM update වගේ වැඩවලට හය හත කොඩ් ලයින්ස් ලියන්න ඕනෙත්, HTMX සමඟ ඒක කෙටි HTML ටැග් එකක් පමණයි:
<button hx-get="/users" hx-target="#users">Load users</button>
<div id="users"></div>
මෙම සරල රූපය මට අලුත්ම හුස්මක් වගේ හැගුණා. එහෙත්, මෙය Vue.js අරගලයට බදුනක් නොවේ. Vue තවදුරටත් සංකීර්ණ ඩැෂ්බෝර්ඩ්, වැඩි client‑side interaction සහ real‑time data binding අවශ්ය ව්යාපෘති සඳහා මගේ ප්රධාන තේරීමයි.
HTMX පවතින්නේ අඩු JavaScript, ඉහල HTML‑centric ක්රමය අවශ්ය ව්යාපෘති වලයි. මට එය භාවිතා කළ ප්රධාන අවස්ථා:
- පරිපාලන පැනල්
- සම්බන්ධතා පෝරම
- CRUD පිටු
- ලැන්ඩින් පිටු
- අභ්යන්තර මෙවලම්
මෙම වර්ගයේ ප්රොජෙක්ට්වලදී JavaScript තමන්ගේ නිෂ්පාදනය නොවන බැවින්, HTMX එකේ සරලතාවය වැඩි කාර්යක්ෂමතාවක් ගෙනෙනවා.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තාක්ෂණික විද්යාර්ථීන්, සංවර්ධකයන් සහ කුඩා ව්යාපාර සඳහා HTMX‑වල ප්රයෝජන මෙහෙමයි:
- ඉගෙනුම් වේගය වැඩි වීම: HTML මත පදනම් වූ සරල ආකාරයක් නිසා, නවකයන්ට ඉක්මනින් UI ක්රියාකාරීත්වය අත්හදා බැලීමට හැකියාව ලැබේ.
- වැඩි නිෂ්පාදන කාර්යක්ෂමතාව: කුඩා පැනල්, පෝරම හෝ landing page වැනි ව්යාපෘති සඳහා JavaScript කේතය අඩු කරගනිමින්, සංවර්ධන කාලය අඩු වේ.
- ව්යාපාරික වියදම් අඩු කිරීම: කාර්යාල අභ්යන්තර මෙවලම් හෝ වෙබ් සේවා සඳහා අඩු සම්පත් (CPU, memory) භාවිතා කරගනිමින්, හොස්ට් කරන පිරිවැය අඩු වේ.
අවසන් වශයෙන්, මගේ වැඩපිළිවෙලේ Vue.js තවදුරටත් ප්රධාන තේරීමක් වන අතර, HTMX දැන් මගේ toolbox එකේ ස්ථිර තැනක් ගත්තා. එය ප්රවණතාවයක් නිසා නොව, අවශ්යතාවය මත තේරූ සරල විසඳුමක්.
ඔබත් HTMX එකක් ඔබේ ව්යාපෘතියේ අත්හදා බැලුවාද? එහි සාර්ථකත්වය හෝ අඩුපාඩු ගැන අපට කියන්න.
