ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-26, Sunday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Angular 20 සඳහා නව AxisUI UI කොම්පොනන්ට් පුස්තකාලය – සරල, ප්‍රවේශමත්, Tailwind‑අධාරිත

Angular 20 සඳහා නව AxisUI UI කොම්පොනන්ට් පුස්තකාලය – සරල, ප්‍රවේශමත්, Tailwind‑අධාරිත

Angular පරිසරය තුළ නව UI පුස්තකාලයක් නිකුත් වී ඇත. Kishan Hadiyal විසින් නිර්මාණය කළ AxisUI, Angular 20 සඳහා සකස් කරන ලද 100 කට වැඩි කොම්පොනන්ට් සමඟ, සංකීර්ණ Material‑Design රූපය ඉවත් කර, Tailwind v4 සහ OKLCH වර්ණ ටෝකන භාවිතයෙන් නවීන, සුවිශේෂී අතුරුමුහුණතක් ලබා දෙයි.

AxisUI හි විශේෂත්වය එහි signals‑first ආකෘතියයි. NgModule, @Input/@Output වැනි පරණ සැලසුම් අතහැර, සියලු කොම්පොනන්ට් standalone ලෙස නිර්මාණය කර ඇත. ඒ නිසා ඔබට අවශ්‍ය කොම්පොනන්ට් පමණක් npm හරහා ස්ථාපනය කර, තනි තනිව import කිරීමේ හැකියාව ලැබේ. අතිරේකයෙන්, සියලු කොම්පොනන්ට් OnPush detection strategy සහ Zone‑less සූදානමකින් පවත්වා, Angular Universal සමඟ SSR‑අනුකූලව ක්‍රියා කරයි.

ප්‍රවේශමත් (accessibility) තත්වයද AxisUI හි මූලික අංගයක්. CI පද්ධතියේ jest‑axe පරීක්ෂණයන් තුළ LTR/RTL, Light/Dark මාදිලි තුනකට අදාළ ARIA, contrast ratio වැනි පරීක්ෂණ කර, අඩුපාඩු ඇත්නම් build එක අසාර්ථක කරයි. එම නිසා පරිශීලකයන්ට WCAG 2.2 AA ප්‍රමිතියට අනුකූල අතුරුමුහුණතක් සැපයෙයි.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලාංකීය සංවර්ධකයන්, විශ්වවිද්‍යාල සිසුන්, තාක්ෂණ ආයතන සඳහා AxisUI ගෙන오는 ප්‍රයෝජන වඩාත් වැදගත් වේ.

  • ඉගෙනුම් කාලය කුඩා කිරීම: නව Angular 20 ප්‍රතිපත්ති (signals, standalone) සමඟ සම්බන්ධිත උදාහරණ සහ documentation සිංහල පරිසරයට අඩාල නොවේ.
  • සම්පත් සුරක්ෂිත කිරීම: Material‑Design කට්ටලයක් භාවිතා නොකර, Tailwind‑අධාරිත UI එකක් නිර්මාණය කිරීමේ අධික කාලය හා පිරිවැය අඩු වේ.
  • ප්‍රවේශමත් නිර්මාණය: CI‑හි අත්‍යවශ්‍ය a11y පරීක්ෂණය නිසා, දේශීය ආයතනවල අන්තර්ජාල සේවාවන් WCAG ප්‍රමිතියට අනුකූලව නිර්මාණය කළ හැක.
  • තේමාවන්ගේ සරල කළමනාකරණය: OKLCH ටෝකන භාවිතයෙන්, වර්ණ පාලනය පහසුය; එමඟින් UI එකේ පාරිභෝගික අත්දැකීමේ ගුණාත්මකභාවය වැඩිවේ.

AxisUI තාක්ෂණිකව සම්පූර්ණ වශයෙන් පරීක්ෂා කර ඇති අතර, දෘශ්‍යමාන ආදර්ශයක් ලෙස අන්තර්ජාලයේ දසයකට වඩා වැඩි Angular යෙදුම් සඳහා භාවිතා කළ හැක. ශ්‍රී ලංකාවේ තරුණ සංවර්ධකයන්ට මෙම නවතම UI කට්ටලය අත්හදා බැලීම, තමන්ගේ ව්‍යාපාරික හෝ අධ්‍යාපනික ව්‍යාපෘතිවල ගුණාත්මක UI එකක් ඉක්මනින් සකස් කර ගැනීමට ඉඩ සලසයි.

ඉදිරියේදී AxisUI තවත් පරිශීලකයන්ගෙන් ප්‍රතිචාර ලබා, ලොකු පරිමාණ ව්‍යාපෘති වලට අනුකූලව වර්ධනය කර ගනු ඇත. ඔබත් Angular 20 සමඟ නව UI අත්දැකීමක් ගන්න කැමති නම්, AxisUI බාගත කර, ඔබේ යෙදුමට අලුත් පෙනුමක් එක්කරන්න.

💡 AxisUI බාගත කර, ඔබේ Angular 20 යෙදුමට නව පෙනුමක් එක්කරන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Angular #UI Library #Tailwind #Accessibility #Sri Lanka