ℭ𝔲𝔯𝔰𝔢𝔡 ℭ𝔬𝔡𝔢 ⁶⁶⁶ 🇱🇰

ඔන්න ඉතිම් මන් අද ගෙනල්ල තියෙන්නෙ 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

නිකන් ඉන්න ගමන් පොඩි අදහසක් ආව Fb වගේ පොඩි social media website එකක් ගහන්න. මොකද කියන්නෙ කස්ටිය මගේ අදහස හොදද 😑 ඔයාල ගාව ඊට වඩා හොද ideas තියෙයිනම් කියාගෙන යන්න. හැබයි මේ වැඩේ මන් කරන්නෙ එක target එකක් වෙනුවෙන් - Earn Money 🎯

ඉතුරු part එකත් ඕනෙද ටිකක් අමාරුයි හැබැයි. 🪐

නිකන් ඉන්න බැරි කමට ආතල් එකට පොස්ට් එකක් ලියන්නෙ. Class Recording ගොඩගයගෙන් කාලක්න්නි වෙන්න බලාපොරොත්තු වෙන #රයින්ට ! DRM Protected video එකක් Pirate විදිහට ගන්නෙ කොහොමද කියල :> 02) Super Protected Content මන් ඒකෙන් අදහස් කරේ සාමාන්‍යන් DRM protected video එකක files types තමා M3U8, TS, & HLS මේව , පීසස් වලට කැඩිල වීඩියෝ එක වෙනම sound එක වෙනම එන්නෙ කොහොම කරත්. හැබැයි මේකෙදි මම ඒව down කරන විදිහ කියනව හැබැයි ඒත් ඒ file type එක visible වෙන්න ඕනෙ. video එක ටිකක් play කරල moniter කරහන් dev tool (F12) එකේ Network tab එකේ කිව්ව file type එක තියෙන files එකින් එක DWN වෙනවද කියල. ඒත් එහෙම වෙන්නෙ නැත්තම් තමා මේ ක්‍රමේ.මොකද site dev එක්කත් හංගලා තියෙන්නෙ. ආ තව දෙයක් කියන්න ඕනෙ "PAUSE IN DEBUGGER" කියල dev tool එක open කරපු ගමන්ම වැටෙනවනම් කරන්න තියෙන්නෙ, open dev-tool (F12) source tab click sqaure with triangle head icon තේරුනේ නැත්තන් මේකෙන් ගිහින් refer කරහන් click-me Hari ඔන්න දැන් තමා මාතාවට එන්නෙ ඉතින් ඔය උඩ කියන විදිහට file-type එකත් visible නැත්තන් ඉතින් screen record කරහන්. ඒත් කළු පාටටද record වෙන්නෙ ? Highly Recommend OBS Studio for recording based on many reasons : Download-click-me [They paid me to promote it :)] යන්න ඔයාගෙ browser settings වලට turn off කරන්න මේව, (සමහර කට්ටියගෙ graphic acceleration සමහර අයගෙ hardware acceleration කියල ඇත්තෙ dedicated Gpus case එක නිසා ), # Microsoft Edge Settings > System & Performance > System > turn off "Use graphics acceleration when available" # Google Chrome Settings > System > turn off "Use graphics acceleration when available" අනෙත් browsers වල ඔය කොහෙහරි ඇති settings අස්සෙ ගිහින් හොය ගනින් දැන් බඩු හරි browser eka restart කරල record කරන්න. හො.ම.ත.ග.යු after the recording please note that to enable it back මොකද එකෙන් තමා 3D rendering , cpu core , overall graphic management වෙන්නෙ ඒක ඔන් කරේ නැතිවොනොත් ඉතින් නිකන් මුලු browser එකේම process එක CPU එකට් තමා නිකමට ගිහින් yt එකේ video එකක් play karala balahanko :/ rec walata playback ekala loku awlk yanne ne ඉතුරු කොට්ස හෙට දිහාට දාන්නන්, මේ win 11 පට්ට් වදයක් sinhala & english key board switch වෙද්දි note pad eka pissu kelinawa ,අනිත් එක telegram desktop eken sinhala type karanwa kiaynne ub charithayak, දැන් මේ ටයිප් කරන්නෙ vs code එකට දාල #drm #drm_protected

New Genarations [Birth of Big Brains] --- > New Technologies --- > Technologies to big brains --- > Using tech with half core of brain --- > multiple brains in multiple new born messed-up problems --- > Big brains try hard to use half of it --- > multiply the messed-up big brains with multiplying questions --- > Genarating New memes --- > Get high --- > Airdrops --- > Big Brains' Investments --- > End of fucked up Genaration. [ Non useful quote of the DaY]

Humm 2026 neh Happy New Year 🪐

Merry Christmas Bois & Girls 🎄

Link 👉 Click Here

Bois Aye Chanel eka Patan gamuda