ඔන්න ඉතිම් මන් අද ගෙනල්ල තියෙන්නෙ Web development වලට අලුතෙන් ආපු හෝ එන්න හිතාගෙන ඉන්න අපේ කොම්ලො කෙම්ලොන්ට වැදගත් වෙන විදිහෙ post එකක්.


Pro අයියලනම් ඉතින් මේක skip කරාට කමක්නෑ But,
Beginner කෙනෙක් වෙලත් උබ මේ post එක මග ඇරල යන්න හදනවනම් මන් මේ උබටයි කියන්නෙ, උබේ ඔය Web devloper කෙන්ක් වෙන හීනෙ අතඇරල දාල රෑට නියගලා අලයක් කාල බුදිගනිම්. 😏

වැඩි බයිල ඕනි නෑ දැන් අපි වැඩේට enter වෙමු 🤠,

අද කාලේ අපි Web development ගැන කතා කරනකොට React, Vue නැත්නම් Angular වගේ Frameworks ගැන නිතරම ඇහෙනවා. ඉතිම් ඇයි අපි ඉස්සර වගේ නිකන්ම HTML, CSS සහ JavaScript (Traditional Method) පාවිච්චි කරන්නේ නැතුව React වගේ Framework වලට මාරුවෙන්නෙ? 🤔

මන් ඒක ගැන මේ React වල තියෙන වාසි අවාසිත් එක්කම සරලව පැහැදිලි කරන්නම්. 👇


Web Development: Traditional Style vs. React Style 💻✨

ඔයා වෙබ් අඩවියක් හදන්න පටන් ගන්නකොට මුලින්ම එන ප්‍රශ්නය තමයි "මම මේක නිකන්ම traditional විදිහට හදනවද නැත්නම් React වගේ එකක් පාවිච්චි කරනවද?" කියන එක. මේ දෙකේම හොඳ වගේම නරකත් තියෙනවා.


1. React පාවිච්චි කිරීමේ වාසි (The Pros) ✅

• Components පාවිච්චි කරන්න පුළුවන් වීම: React වල තියෙන ලොකුම වාසිය තමයි වෙබ් අඩවිය කෑලි වලට (Components) කඩලා හදන්න පුළුවන් වෙන එක. උදාහරණයක් විදිහට, එක පාරක් හදපු "Button" එකක් හෝ "Navigation Bar" එකක් මුළු සයිට් එකේම ඕනෑම තැනක ආයෙත් පාවිච්චි කරන්න පුළුවන්. 🧩

• Virtual DOM නිසා ලැබෙන වේගය: සාමාන්‍ය විදිහට JavaScript වලින් දත්ත වෙනස් කරනකොට මුළු පේජ් එකම වගේ අප්ඩේට් වෙන්න යනවා. හැබැයි React වල තියෙන Virtual DOM එක නිසා වෙනස් වෙන්න ඕනේ හරිය විතරක් හඳුනාගෙන ඉතාම වේගයෙන් ඒක අප්ඩේට් කරනවා. ⚡

• Single Page Application (SPA) අත්දැකීම: සයිට් එකේ එක පේජ් එකක ඉඳන් තව එකකට යනකොට පේජ් එක රීලෝඩ් (Reload) වෙන්නේ නැතුව ඇප් එකක් වගේ ස්මූත් එකට වැඩ කරනවා. 📱

• විශාල Community එකක් තිබීම: ඔයාට මොනවා හරි ප්‍රශ්නයක් ආවොත් උදව් කරන්න ලොකු පිරිසක් ඉන්නවා. ඒ වගේම ඕනෑම වැඩකට කලින් හදපු Libraries ඕනෑතරම් තියෙනවා. 🌍

• Data Handling ලේසි වීම: දත්ත ගොඩක් එක්ක වැඩ කරන (Dashboard එකක් වගේ) සයිට් එකකදී, දත්ත වෙනස් වෙනකොට ඒක වෙබ් පේජ් එකේ පෙන්නන එක React වලින් හරිම ලෙහෙසියි.


2. React පාවිච්චි කිරීමේ අවාසි (The Cons) ❌

• ඉගෙන ගන්න කාලය ගත වීම: HTML, CSS වගේ නෙවෙයි, React ඉගෙන ගන්න නම් JavaScript ගැන හොඳ දැනුමක් තියෙන්න ඕනේ. ඒ වගේම JSX, Hooks, State Management වගේ අලුත් දේවල් ගොඩක් ඉගෙන ගන්න වෙනවා. 📚
• Setup එක සංකීර්ණ වීම: සාමාන්‍ය සයිට් එකකදී index.html ෆයිල් එකක් හැදුවාම ඇති. හැබැයි React වලදී Node.js, NPM පාවිච්චි කරලා ලොකු Setup එකක් කරන්න වෙනවා. ⚙️

• SEO වල ගැටලු: React සයිට් එකක් හරියට Server-side Rendering (SSR) කළේ නැත්නම්, Google වගේ Search engines වලට සයිට් එකේ තොරතුරු කියවන්න පොඩ්ඩක් අමාරු වෙන්න පුළුවන්. (මේකට විසඳුම විදිහට තමයි Next.js පාවිච්චි කරන්නේ). 🔍

• Overhead (අනවශ්‍ය බර): ඔයා හදන්නේ හරිම සරල, පිටු දෙක තුනක තොරතුරු විතරක් තියෙන සයිට් එකක් නම්, ඒකට React පාවිච්චි කරන එක "කූඹියෙක් මරන්න තුවක්කුවක් ගන්නවා" වගේ වැඩක්. සරල සයිට් එකකට React දැම්මම සයිට් එකේ size එක අනවශ්‍ය විදිහට වැඩි වෙනවා. ⚖️


3. Traditional Style (HTML, CSS, JS) එකේ වාසි 🛠️

• සරල බව: කිසිම කරදරයක් නැතුව විනාඩි පහෙන් වැඩේ පටන් ගන්න පුළුවන්.

• Browser එකට ලෙහෙසියි: කිසිම Library එකක් Load වෙන්න ඕනේ නැති නිසා Browser එක කෙලින්ම ෆයිල් එක කියවනවා.

• SEO Friendly: සෙවුම් යන්ත්‍ර වලට ඉතාම ඉක්මනින් සයිට් එක හඳුනාගන්න පුළුවන්.


අවසාන තීරණය: මම තෝරාගන්න ඕනේ මොකක්ද? 🤔

• Traditional Method එක තෝරාගන්න: ඔයා හදන්නේ Portfolio එකක්, සරල තොරතුරු තියෙන සයිට් එකක්, නැත්නම් පේජ් එකක් දෙකක් තියෙන Landing page එකක් නම්. 📄

• React තෝරාගන්න: ඔයා හදන්නේ Dashboard එකක්, Facebook/Instagram වගේ ගොඩක් දත්ත වෙනස් වෙන සයිට් එකක්, නැත්නම් දිගුකාලීනව ලොකුවට කරගෙන යන Project එකක් නම්. 🚀

මතක තියාගන්න, React කියන්නේ Tool එකක් විතරයි. වැදගත් වෙන්නේ ඔයා හදන දේ අනුව නිවැරදි Tool එක තෝරාගන්න එකයි! 😊💡

ඔයාලගෙ අදහසත් පල්ලෙහයින් Comment පාරක් දාගෙම යම්න 🥹 Post එක හොදයිනම් React පරකුත් දගෙනම යම්න ❤️

#WebDev #ReactJS #CodingSinhala #Programming #WebDesign #CursedCode #OmindaDilshan