React ව්යුහයේ තේමා (theme) මාරු කිරීමේදී පාරිභෝගිකයාගේ මනාපය කුකී එකක් තුළ සුරකිමින්, ඊළඟ පිටුවේදී එම තේමා පූර්ව-රෙන්ඩර් කර ගත හැකිය. නමුත් document.cookie එකට අගයක් ලියනවාට React එකට කිසිදු දැනුමක් නොලැබෙන නිසා UI එක නැවත අළුත් නොවේ.
මෙම ගැටළුවට විසඳුමක් ලෙස @reactuses/core පේකේජයේ useCookie hook එක හඳුන්වා දී ඇත. මෙය කුකී එකක් React state වශයෙන් පරිගණක කර, useState මෙන්ම setState මෙන්ම කුකී එකේ වෙනස්කම් සියලු component වලට එක්වරම ප්රචාරණය කරයි. ඒ නිසා එකම කුකී එක භාවිතා කරන component කිහිපයක් අතර අගයන් එකම වේලාවේම සමගීකරණය වේ.
ඉතින්, සාමාන්යයෙන් කුකී එකක් පරිහරණය කරන විට අපට මුහුණ දිය යුතු වූ string parsing, attribute concatenation, SSR hydration mismatch වැනි ගැටළු සියල්ල useCookie hook එක විසඳා දේ. එම hook එක js-cookie පුස්තකාලය මත පදනම්ව ඇති බැවින් expiry, path, SameSite වැනි ගුණාංග නිවැරදිව සකස් කරයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ වෙබ් සංවර්ධකයන්, විශ්වවිද්යාල සිසුන්, සහ තාක්ෂණික ව්යාපාරයන්ට මෙම hook එක විශාල වාසියක් ගෙන දෙයි:
- වේගවත් සංවර්ධනය: කුකී පරිහරණය සදහා අමතර parsing කේත ලේඛන ලිවීම අවශ්ය නොවේ. ඒ නිසා කාලය ඉතිරි කර, MVP (Minimum Viable Product) ඉක්මනින් නිර්මාණය කළ හැක.
- SSR සමඟ සම්පූර්ණ අනුකූලතාව: server‑side rendering (SSR) භාවිතා කරන Next.js වැනි පද්ධති වලදී hydration mismatch ගැටළුව අඩු වේ. කුකී එක server‑side එකේද, client‑side එකේද සම්මත අගයක් ලබා දේ.
- කාර්ය සාධනය වැඩිදියුණු කිරීම: කුකී අගයන් string ලෙස සීමා කර ඇති නිසා, අත්යවශ්ය දත්ත (theme, language preference) පමණක් සුරකිමින් network traffic අඩු කරයි.
- ඉගෙනුම් පදනම ශක්තිමත් කිරීම: React hook මූලිකවම භාවිතා කරන නිසා, සිසුන්ට state management, side‑effects, සහ browser storage concepts එකක් සමග ඉගෙනීමට අවස්ථාව ලැබේ.
ඉදිරියේදී තවත් React library සහ framework වලට මේ hook එක අනුග්රහය ලබා දී, ලෝක පරිසරයට අනුකූලව ශ්රී ලංකාවේ තාක්ෂණික නිෂ්පාදන වල ප්රතිසාර වැඩිදියුණු කිරීමේ අරමුණක් ඇතිවේ.
ඔබගේ ව්යාපාරය හෝ පෞද්ගලික ව්යාපෘතියේ තේමා, භාෂා, හෝ වෙනත් පරිශීලක සැකසුම් කුකීස් හරහා සුරකින්න අවශ්ය නම්, useCookie hook එක භාවිතා කිරීම ඉතා පහසු, ආරක්ෂිත, සහ ප්රතිචාරශීලී විසඳුමකි.
