React SPA වලදී සරල ෆෝරම් එකක් යැවීමට බොහෝ කේත පදනම්, CORS සැකසීම්, ලෝඩ් ස්ටේට් හසුරවීම ආදී අවශ්ය වේ. Next.js නව App Router එකේ Server Actions භාවිතා කරන්නේ නම්, එම සියලු කාර්යයන් එකම ක්රියාවලියකින් සම්පූර්ණ කළ හැකිය.
Server Actions යනු සර්වර් පාර්ශවයේ පමණක් ක්රියා කරන asynchronous functions වේ. ඒවා React component (Client Component) තුළින්ම ඇමතුම් කර ගත හැකි බැවින්, පසුබැස API රූට් එකක් තනන අවශ්යතාවය අතහැර දිය හැකිය. "use server" නිර্দেশය දී, ඒ functions එකක් දත්ත ගබඩාවට සම්බන්ධ වීම, validation, cache revalidation වැනි කාර්යයන් සිදු කරයි.
Server Action එකක් නිර්මාණය කිරීමේ පියවර
- actions ෆෝල්ඩරයක් තුළ .ts/.js ගොනුවක් සෑදීම.
- ගොනුවේ මුලදී
"use server"යොදා, එය සර්වර්‑පාර්ශවීය බව සලකුණු කිරීම. - FormData එකෙන් title ලබාගෙන, එය db.project.create() මගින් සුරක්ෂිතව සුරකිනු.
- දත්ත වෙනස් වූ පසු
revalidatePath('/dashboard')භාවිතයෙන් cache පිරිසිදු කර UI එකට නවතම දත්ත දැක්වීම.
ඊළඟට, ඒ Server Action එක HTML form එකේ action attribute එකට සෘජුවම යොදා ගත හැක. JavaScript bundle පූර්ණයෙන් ලෝඩ් නොවූ අවස්ථාවලද, native web API මගින් ෆෝරම් එක submit වීමේ හැකියාව ඇත – Progressive Enhancement න්යාය පදනමට අනුකූලයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තාක්ෂණික ආරම්භකයන්, සමාගම්, විශ්වවිද්යාල සිසුන් සඳහා Server Actions භාවිතය විශාල ලාභයක් ගෙනෙයි.
- වේගවත් සංවර්ධනය: API රූට් ලියවීමේ කාලය අඩු වීම නිසා MVP (Minimum Viable Product) ඉක්මනින් නිර්මාණය කළ හැකිය.
- කේත සංකීර්ණතාවය අඩු කිරීම: බහු API ෆෝල්ඩර වලට බාධාවක් නොමැතිව, එකම ෆයිලයකින් දත්ත සංස්කරණය කළ හැක.
- තෝරාගත් Type Safety: TypeScript සමඟ සම්පූර්ණ end‑to‑end type checking, runtime errors අවම කිරීම.
- ඉහළ පිරිවැය ඉතිරි කිරීම: සරල cache revalidation මඟින් UI එකේ real‑time update, පාරිභෝගික අත්දැකීම ඉහළ යයි.
එසේම, ශ්රී ලංකාවේ තොරතුරු තාක්ෂණ සේවා ආයතනවලට Server Actions භාවිතය, කුඩා පදනම් වෙළඳපොළවලින් ලොකු ව්යාපාරික පද්ධති දක්වා, කේත නඩත්තු පිරිවැය අඩු කර, තාක්ෂණික කාර්යක්ෂමතාව වැඩි කරයි.
අවසන් වශයෙන්, Server Actions යනු Next.js හි අලුත්ම සවිස්තරාත්මක විශේෂාංගයක් වන අතර, එය අතුරු API රූට් අවශ්යතාවය ඉවත් කර, React සංවර්ධකයින්ගේ වැඩිහිටපු වේගය ලබා දේ. ඔබත් මේ නව පරමාර්ථය අත්හදා බලන්න, ඔබේ ෆ්රන්ට්‑එන්ඩ් වැඩක් ඉතා ඉක්මනින් සාර්ථක කරගන්න.
