වෙබ් සහ ජංගම යෙදුම් සංවර්ධනයේ ආකර්ෂණීය යුගයක් දැනට ක්රියාත්මක වෙමින් පවතී. එහි වේදිකා ස්වාධීනත්වය සහ අනෙකුත් භූගත හැකියාවන් හේතුවෙන්, බ්රව්සර් යෙදුම් සඳහා කේත නිර්මාණය කිරීමට බහුතරයක් සංවර්ධකයින් විසින් JavaScript මුලින්ම භාවිතා කරන ලදී.
ජාවාස්ක්රිප්ට් දැන් වඩාත් පොදු සහ වඩාත් කැමති ක්රමලේඛන භාෂාව ලෙස සැලකේ.
අධ්යයන සහ අනෙකුත් කර්මාන්ත ප්රකාශනවලට අනුව ලොව පුරා ක්රමලේඛකයින් සහ සංවර්ධකයින්ගෙන් 67% ක් දක්වා JavaScript භාෂාව භාවිතා කරයි.
මෘදුකාංග සමාගම් ගණනාවක් ජාවාස්ක්රිප්ට් මත පදනම් වූ ඉදිරිපස සහ පසුපෙළ සංවර්ධන වේදිකා, පද්ධති සහ පුස්තකාල නිකුත් කරන ලද අතර, භාෂාවේ දැවැන්ත ජනප්රියතාවයට සැලකිය යුතු ඔට්ටු අල්ලන ලදී.
වඩාත්ම ප්රසිද්ධ නිෂ්පාදන අතර නිසැකවම Angular JS සහ React JS වේ.
කෙසේ වෙතත්, වෙබ් සංවර්ධන කර්මාන්තය ඉතා ඉක්මනින් ව්යාප්ත වෙමින් පවතින අතර, මෘදුකාංග සංවර්ධකයින් ද කැපී පෙනෙන සබැඳි යෙදුම් සහ ජංගම යෙදුම් නිර්මාණය කිරීම සඳහා JavaScript සඳහා විකල්ප සොයමින් සිටිති.
Blazor වෙබ් එකලස් කිරීම ලෙස නම් කරන ලද සංවර්ධනයකට ස්තූතිවන්ත වන්නට අමතර සංරචක සහ මොඩියුල අවශ්යතාවයකින් තොරව වැඩසටහනක.NET ධාවනය කිරීමට Blazor ඔබට හැකි කරයි.
මෙම ලිපිය Blazor, Angular සහ React සංසන්දනය කරන්නේ ඔබට එක් එක් අයගේ හැකියාවන් පිළිබඳ තාක්ෂණික අවබෝධයක් ලබා දීමට සහ පහත සපයා ඇති දත්ත මත පදනම්ව තීරණයක් ගැනීමට සංවර්ධකයෙකුට සහාය වීමටයි.
Blazor යනු කුමක්ද?
මයික්රොසොෆ්ට් නිර්මාණය කර සංවර්ධනය කරන ලදී බ්ලේසර්, HTML සහ C# වැනි භාෂා වේදිකා භාවිතා කරමින් වෙබ් පාදක යෙදුම් නිර්මාණය කිරීමට නිර්මාණකරුවන්ට ඉඩ සලසන විවෘත මූලාශ්ර වෙබ් රාමුවකි.
JavaScript වෙනුවට, ඔබට C# සහ Razor ව්යාකරණ භාවිතා කළ හැක. ඉංජිනේරුවන්ට පරිශීලක-හිතකාමී, නැවත භාවිත කළ හැකි මාර්ගගතව නිර්මාණය කළ හැකිය පරිශීලක අතුරුමුහුණත් පාරිභෝගික පාර්ශවීය යෙදුම් සඳහා වෙබ් එකලස් කිරීම Blazor (Browser + Razor) භාවිතා කරමින්.
Blazor භාවිතා කරමින් සේවාදායක සහ සේවාදායක පාර්ශවීය ක්රමලේඛන වැඩසටහන් තැනීමට සංවර්ධකයින්ට C# භාවිතා කළ හැක.
මුල සිටම.NET සඳහා අති නවීන තනි පිටු යෙදුමක් සවිබල ගැන්වීමට සහ නිර්මාණය කිරීමට වේදිකාවක් සපයමින්, කේතය සහ සම්පත් හුවමාරු කර ගැනීමට එය ඔබට හැකියාව ලබා දෙයි.
මෙම නව නිපැයුමේ ඇති හොඳම ලක්ෂණය වන්නේ එය දැනට පවතින සියලුම වෙබ් ප්රමිතීන් සහ රාමු භාවිතා කරන ආකාරයයි, එය ක්රියාත්මක කිරීම ඇත්තෙන්ම පහසු කරයි.
ක්රීඩාව වෙනස් කරන්නා - වෙබ් එකලස් කිරීම
උපයෝගී කර ගැනීම වෙබ් එකලස් කිරීම විශේෂාංග, Blazor හට බ්රවුසර අතුරුමුහුණතෙහි සේවාලාභී පාර්ශවීය කේතය ධාවනය කිරීමේ හැකියාව ඇත. එය වෙබ් එකලස් කිරීම මත ක්රියාත්මක වන.NET භාවිතා කරන බැවින්, ක්රමලේඛකයාට යෙදුම්වල සේවාදායක පාර්ශ්ව සංරචක වලින් ස්ක්රිප්ට් සහ පුස්තකාල නැවත භාවිත කළ හැක.
විකල්ප ක්රමයක් ලෙස බ්ලේසර් වෙබ් එකලස් කිරීම හරහා සේවාදායක තර්කනය ක්රියාත්මක කර සර්වර් මත ක්රියාත්මක කළ හැක.
Client UI විසින් සිදු කරන ලද සිදුවීම් නැවත සේවාදායකය වෙත සම්ප්රේෂණය කිරීමට SignalR තත්ය කාලීන පණිවිඩකරණ රාමුව භාවිතා කළ හැක. සුදුසු UI යාවත්කාලීනයන් සේවාලාභියා වෙතින් යවනු ලබන අතර ක්රියාත්මක කිරීම සම්පූර්ණ වූ පසු DOM වෙත අභිසාරී වේ.
අන්තර්ජාල වේදිකා සඳහා භාෂා කිහිපයක් හඳුන්වාදීම නවීන වෙබ් බ්රව්සර් මත ක්රියාත්මක කිරීම සඳහා නව, ප්රමිතිගත වේදිකාවක් වන වෙබ් එකලස් කිරීම මගින් සිදු කළ හැක.
C#, JavaScript සහ HTML යනු බ්රවුසර පරිසරය තුළ හොඳින් ක්රියාත්මක වන භාෂා කිහිපයක් පමණි. වෙබ් එකලස් ඒ සියල්ල සමඟ ඒකාබද්ධ වේ.
මීට අමතරව, එය C, C++, හෝ Java වැනි ප්රබල භාෂා වලින් සාදන ලද සහ සම්පාදනය කරන ලද කේතය ක්රියාත්මක කිරීම සහ ක්රියාත්මක කිරීම සක්රීය කරන එකලස් කිරීමේ භාෂා සඳහා සහය දක්වයි.
Assembler භාෂා සංකීර්ණ ද්විමය සංඛ්යා නිරූපණයක් සපයයි. වෙබ් එකලස් කිරීම අන්තර්ජාල වෙබ් අඩවිවල වඩා හොඳ යෙදුම් භාවිතය ප්රවර්ධනය කිරීමට අවශ්යයි.
කෙසේ වෙතත්, එය ජාවාස්ක්රිප්ට් මගින් ක්රියාත්මක කර වසා දැමිය හැකි අතර, එහි සැකසුම ඕනෑම තත්වයක් යටතේ ක්රියාත්මක කිරීම සහ සංයෝජනය සඳහා අදහස් කෙරේ.
බ්ලේසර් පිරිනැමීම්
- සීමා රහිත ප්රවේශය සහ විවෘත මූලාශ්රය: Blazor සම්බන්ධ වී ඇත්තේ open-source.NET වේදිකාවට වන අතර, එය එකිනෙකට වෙනස් සමාගම් 60,000කට අධික සංඛ්යාවක ආධාරකරුවන් 3,700කට ආසන්න ප්රබල සහ විශ්වාසනීය ජාලයක් ඇත. NET සම්පූර්ණයෙන්ම නොමිලේ සහ Blazor ඇතුළත් වන බැවින්, එය සියලුම පරිශීලකයින්ට ලබා ගත හැකි බැවින් එය වාසියකි. කාර්මික අංශයේ එය භාවිතා කිරීම සඳහා බලපත්ර ගාස්තු ඇතුළුව එය භාවිතා කිරීමට ඔබට කිසිවක් ගෙවීමට සිදු නොවේ.
- පරිශීලක අතුරුමුහුණත් මූලද්රව්යවල පරිසර පද්ධතිය: DevExpress, Telerik, Syncfusion, Radzen, jQWidgets, Infragistics සහ GrapeCity ඇතුළු ප්රමුඛ වෙළෙන්දන් නැවත භාවිතා කළ හැකි පරිශීලක අතුරුමුහුණත් සංරචක ඉදිරිපත් කරයි. මෙය UI/කාර්යක්ෂමතාවය UX සහ ප්රයෝජනවත් බව වැඩිදියුණු කළ හැක.
- NET පුස්තකාල සහ .NET කේතය භාවිතා කිරීම: දැනටමත් පවතින The.Net පුස්තකාල Blazor මත පදනම් වූ යෙදුම් විසින් භාවිතා කරනු ලැබේ. සේවාදායකයක් හෝ වෙබ් බ්රවුසරයක් සඳහා කේත නිර්මාණය කිරීමේදී වැනි සෑම තැනකම භාවිත කළ හැකි නිල explicit.NET කේතය සහ.NET පුස්තකාල නිර්මාණය කිරීම සඳහා, අපි.NET හි ප්රමිතිගත ආකෘතියට ස්තූති කිරීමට කැමැත්තෙමු. එය දැනට මයික්රොසොෆ්ට් යටිතල පහසුකම් භාවිතා කරන ව්යවසායන් සඳහා සැලකිය යුතු සහයක් සපයන අතරම ආරම්භකයින්ට දෝෂ රහිත පරිශීලක අත්දැකීමක් සපයයි.
- විවෘත වෙබ් සම්මතයන් පිළිපැදීම: සියලුම විවෘත වෙබ් ප්රමිතීන්ට පාහේ Blazor විසින් සහය දක්වයි, එය අමතර මූලාශ්රයෙන් මූලාශ්ර සම්පාදක හෝ ප්ලගින අවශ්යතාවයකින් තොරව ඒවා මත ක්රියා කරයි. වඩාත්ම මෑත වෙබ් බ්රව්සර එයට අනුකූල වන අතර ඒවා සමඟ ක්රියා කිරීමට Blazor සක්රීය කරයි; මීට අමතරව, Blazor ස්මාර්ට් ෆෝන් සහ ටැබ්ලට් සඳහා නිර්මාණය කර ඇති බ්රව්සර් පිළිබඳව ද හුරුපුරුදුය. වෙබ් බ්රවුසර පරිසරයේ ක්රියාත්මක වන කේතය ක්රියාත්මක වන්නේ ජාවාස්ක්රිප්ට් භාවිතා කරන ආකාරයටම ආරක්ෂිත වැලි පෙට්ටියක ය. Blazor කේතය ආරක්ෂිත සේවාදායක පරිසරයක ධාවනය කළ යුතු සුදුසු මෙහෙයුම් ක්රියාත්මක කිරීමට තරම් නම්යශීලී වේ.
- JavaScript අනුකූලතාව: Blazor ට ස්තුති වන්නට ඔබට C භාෂා කේතය සමඟින් වැඩ කළ හැකි අතර, එය C# කේතයට JavaScript API සහ එහි පුස්තකාල වෙත සම්බන්ධ කිරීම සහ අන්තර් ක්රියා කිරීම පහසු කරයි. සංවර්ධකයෙකුට C# භාෂා පාදක කේතය සංවර්ධනය කරන අතරතුර සේවාලාභී පාර්ශ්වයේ UI/UX අතුරුමුහුණත නිර්මාණය සඳහා පවතින JavaScript පුස්තකාල භාවිතා කළ හැක. සේවාදායක පැත්තේ කේත ක්රියාත්මක කිරීමේදී සේවාදායකයාගේ පැත්තෙන් ඕනෑම ජාවාස්ක්රිප්ට් කේතයක් සාර්ථකව ක්රියාත්මක කරන බැවින් බ්ලේසර් ඉතා හොඳින් ප්රිය කරයි.
- උද්යෝගිමත් ප්රජාවන් සහ කණ්ඩායම්: Blazor හට එහි මෑත කාලීන තාරකා විද්යාත්මක ජනප්රියතාවයට ස්තූතිවන්ත වන පරිදි ආධාරක කණ්ඩායම් විශාල සංඛ්යාවක් ඇත, එය නිර්මාණකරුවන්ට සහ අනෙකුත් පරිශීලකයින්ට ඔවුන්ගේ ප්රශ්නවලට පිළිතුරු දීමෙන් උපකාර කරයි. ඔවුන් නිෂ්පාදන සාම්පල සැලසුම් කිරීමට සහාය වීමට අමතරව සංවර්ධකයින්ට පාඩම්, විශේෂිත ආධාරක ද්රව්ය හෝ විද්යුත් පොත් ලබා දෙයි. Blazer සතුව ඇති තවත් වෙබ් අඩවියක් Awesome Blazor ලෙස හැඳින්වේ, එය Blazor වත්කම් පිළිබඳ විශ්මයජනක ජාල නඩත්තු ලැයිස්තුවක් සපයයි.
- විවිධ මෙහෙයුම් පද්ධති වලට අනුවර්තනය වීමේ හැකියාව: Visual Studio හි නිර්මාණය කරන ලද කේතය Blazor හි සංවර්ධනය වැඩි දියුණු කරන අතර Linux, Windows, හෝ macOS වැනි බොහෝ මෙහෙයුම් පද්ධතිවල සංයෝජනවල විශිෂ්ට පරිශීලක අත්දැකීමක් ලබා දෙයි. ඔබ වෙනත් කේත සංස්කාරකයක් භාවිතයෙන් කේතය ලිවීමට හෝ සම්පාදනය කිරීමට තීරණය කරන්නේ නම්, ඔබට සරලවම.NET විධාන-රේඛා මෙවලම් සමඟ සමපාත විය හැකි අතර ඔබට අවශ්ය රාජකාරි ඉටු කිරීමට ඔබ කැමති ඕනෑම සුදුසු සංස්කාරකයක් තෝරාගත හැක.
වාසි
- මෙය Blazor ව්යාපෘතියේ මුල් විකුණුම් ස්ථානය විය. ඔබගේ.NET යෙදුම් බ්රවුසරයක සම්පාදනය කර දියත් කළ හැක.
- Client-side බ්රවුසරයකට බාගත කිරීමට පෙර, Blazor දැන් අතරමැදි භාෂාවකට පූර්ව සම්පාදනය කර ඇත; නමුත්, එහි සංවර්ධනය ඉදිරියට යන විට, එය අවසානයේ WebAssembly වෙත සම්පූර්ණයෙන්ම පූර්ව සම්පාදනය කරනු ඇත.
- Client-side Blazor විසින් සෑම ක්රියාවක් සමඟම දත්ත සේවාදායකය වෙත යැවිය යුතු යැයි ඉල්ලා නැත. එහි ප්රතිඵලයක් වශයෙන්, ඉතා අඩු ජාල කලාප පළලක් අවශ්ය වනු ඇත.
- වෙනත් ඕනෑම ASP.NET යෙදුමක් දෝශ නිරාකරණය කිරීමට භාවිතා කරන ක්රම, සේවාදායක පැත්තේ Blazor නිදොස් කිරීමට ද භාවිතා කළ හැක. එබැවින් එය ASP.NET Core යෙදුමක් ලෙස ඵලදායී ලෙස ක්රියා කරයි.
- සේවාලාභී පාර්ශ්වයේ Blazor හි සීමා කළ නිදොස් කිරීමේ විශේෂාංග ලබා ගැනීමට, ඔබට තවමත් ඔබේ යෙදුම සේවාදායක පාර්ශවීය Blazor ව්යාපෘතියක් ලෙස නිර්මාණය කළ හැක.
- සේවාදායක පැත්තේ Blazor හි සේවාදායක පාර්ශ්ව සංරචක බාගැනීමේදී ඔබ විසින් ලිවිය යුතු අවම HTML සහ JavaScript ටිකක් පමණක් ඇත.
- සේවාදායකයාට ලැබෙන්නේ ඕනෑම තැනක පාහේ ධාවනය වන සාමාන්ය HTML සහ JavaScript පමණි. එබැවින්, ඔබට සිතාගත හැකි සෑම සේවාදායකයෙක්ම සේවාදායක පැත්තේ Blazor සමඟ වැඩ කරනු ඇත.
අවාසි
- Client-side Blazor හට JavaScript සහ server-side Blazor ට වඩා සැලකිය යුතු අවාසියක් ඇත, මන්ද සේවාලාභී පාර්ශ්වයේ සංරචක බාගත කිරීමේ ඉඩ විශාල ප්රමාණයක් ගනී.
- Client-side Blazor හට බ්රවුසරයේ තමන්ගේම දෝශ නිරාකරණ පටිත්තක් ඇති බැවින් එය නිදොස් කිරීමට ඇති එකම මාර්ගය මෙයයි.
- සියලුම ප්රධාන බ්රව්සර් WebAssembly සඳහා සහය දැක්වීමට අදහස් කරයි. බොහෝ සබැඳි පරිශීලකයින් සඳහා, මෙය හරි ය, නමුත් සම්මත නොවන බ්රවුසරයක් භාවිතා කිරීම අවශ්ය වන අවස්ථා තිබේ. ඔවුන්ගෙන් සමහරක් WebAssembly සඳහා සහය නොදක්වයි.
- ජාල ප්රමාදය නිසා ඇති වන ප්රමාදයේ ප්රතිඵලය වන්නේ සර්වර් පැත්තේ Blazor සෑම ක්රියාවක්ම සේවාදායකය වෙත ගමන් කිරීමයි. එය වැඩි කලාප පළලක් ද පරිභෝජනය කරනු ඇත.
- Blazor ක්රියා කරන්නේ a.NET යෙදුමේ සේවාදායක පැත්තේ සංරචකයක් ලෙස පමණි. එබැවින්, සේවාදායකය පෙර ස්ථාපනය කර ඇති.NET ධාවන කාලය සමඟ පැමිණිය යුතුය.
මොකක්ද ෙකෝණික?
ව්යාපාර වැඩි යමක් කිරීමට වෙබය තල්ලු කිරීමට උත්සාහ කරන විට, ඔවුන් නිතරම "කාර්ය සාධනය" යෙදුම සමඟ ගැටලුවලට මුහුණ දෙයි.
අද වෙබ් අඩවි වෙන කවරදාකටත් වඩා සුවිශේෂී විශේෂාංග ඇත, එමඟින් උපාංග කිහිපයක් හරහා විශිෂ්ට කාර්ය සාධනයක් ලබා ගැනීම ආයතනවලට අභියෝග කරයි.
එබැවින් තනි පිටු යෙදුම් රාමුවක් තෝරාගැනීමේදී කාර්ය සාධනය වැදගත් වේ. තනි පිටු යෙදුම් සඳහා ඇති වේගවත්ම රාමුව AngularJS වේ.
AngularJS හි දත්ත බන්ධන විශේෂාංගය මඟින් සංවර්ධකයින් අනවශ්ය කේත රාශියක් ලිවීමෙන් ඉතිරි කරයි. එහි ප්රතිඵලයක් වශයෙන්, තනි පිටු යෙදුමක් සංවර්ධනය කිරීම සඳහා කෝණික භාවිතා කිරීම සඳහා අඩු කේත රේඛා අවශ්ය වන අතර සුවිශේෂී කාර්ය සාධනයක් ලබා දෙයි.
ශක්තිමත් වෙබ් යෙදුම් විශේෂාංග සමඟින් සේවාලාභී පාර්ශ්ව MVC සහ MVVM සඳහා පද්ධතියක් සැපයීමෙන්, Angular JS ඉලක්ක කරන්නේ සිදුවීම්වල ගමන් මග වෙනස් කිරීම සහ තනි පිටු යෙදුම් පරීක්ෂා කිරීමයි.
මෙය ඉක්මනින් අලංකාර සහ ඵලදායී SPA නිර්මාණය කිරීමට නිර්මාණකරුට හැකියාව ලබා දෙයි. උදාහරණයක් ලෙස, Angular විසින් තොරතුරු නිල වශයෙන් පෙන්වූ අතර, ආදර්ශ තොරතුරු වෙනස් කරන විට සහ අනෙක් අතට සැලසුම් කළ නැවුම් කිරීම් නිරීක්ෂණය කිරීමට පරිශීලකයින්ට ඉඩ සලසයි.
නිර්මාණකරුවෙකුට කරදර විය යුතු ගැටළු ලැයිස්තුවෙන් DOM පාලනය ඉවත් කළ බැවින් මෙය අපූරු විය.
මීට අමතරව, ඉංජිනේරුවන්ට වෙනත් දේ අතර තමන්ගේම HTML ලේබල් නිර්මාණය කිරීමට ඉඩ සලසන රෙගුලාසි වල අපේක්ෂාව එය විවෘත කළේය. එය සබැඳි, අතේ ගෙන යා හැකි සහ වැඩ කරන ප්රදේශය සඳහා සහය වන මිත්රශීලී වාතාවරණයක් සහිත අපූරු, නවීන පද්ධතියක් බව කියමු.
AngularJS සමඟ ගොඩනගා ඇති යෙදුම් ඉක්මනින් පූරණය කිරීම සඳහා ප්රසිද්ධය. AngularJS හි සංරචක රවුටර හැකියාව මගින් පිරිනමනු ලබන ස්වයංක්රීය කේත වෙන් කිරීම මගින් මෙය කළ හැකි වේ.
මෙයට ස්තූතිවන්ත වන්නට පරිශීලකයින්ට හුදෙක් දසුනක් සඳහා ඉල්ලුම්කරු කේතය පූරණය කළ හැක. ඕනෑම වේදිකාවක් AngularJS රාමුව භාවිතයෙන් සාදන ලද SPA භාවිතා කළ හැක.
කෝණික JS පිරිනැමීම්
- ඩෙස්ක්ටොප් සඳහා අයදුම්පත්: ඔබට මැකෝස්, වින්ඩෝස් සහ ලිනක්ස් ඇතුළු ඩෙස්ක්ටොප් මෙහෙයුම් පද්ධති කිහිපයක් සමඟ ක්රියා කරන කෝණික සමඟ යෙදුම් ගොඩනගා ගත හැකිය. ස්වදේශීය මෙහෙයුම් පද්ධති API (API) වෙත ප්රවේශ වීමට ඔබේ අත්පත් කරගත් විශේෂඥතාව සහ ඉගෙනීම් භාවිතා කළ හැක.
- ස්වදේශික ආධාර: Cordova, Ionic, සහ Native Script වැනි සංවර්ධන ක්රමවේද වර්ග කිහිපයක් සමඟින්, Angular ස්වදේශීය ස්මාර්ට්ෆෝන් යෙදුම් නිර්මාණය කිරීමට සහ සංවර්ධනය කිරීමට පහසුකම් සපයයි.
- කේත බෙදීම/බිඳීම: සැලසුම්ගත කේත-බෙදීම හෝ කේත බෙදීම සන්නිවේදනය කරන කෝණික නව නිපැයුම් සංරචක, යෙදුම් සඳහා පැටවීමේ ධාරිතාව වැඩි කිරීමට සේවය කරයි. මෙම ක්රියාකාරීත්වය මඟින් අවසාන පරිශීලකයන් දකින පරිදි අවසාන පරිශීලක ඉල්ලීම් පමණක් ලබා දීමට රාමුවට හැකියාව ලැබේ.
- සැකිලි සහ පිරිසැලසුම් භාවිතා කිරීම: Angular සමඟින්, පරිශීලක අතුරුමුහුණතක් ඉක්මනින් සැලසුම් කිරීම සඳහා සරල සහ විශ්වාසදායක සැකිලි වාක්ය ඛණ්ඩ භාවිතා කිරීමට ඔබට නිදහස ඇත. අතිරේකව, එය සංවර්ධකයින්ගේ කාර්යය විධිමත් කරන පරිශීලක-හිතකාමී සැකිලි සහ පිරිසැලසුම් සපයයි.
- කේත උත්පාදනය: Angular සමඟින්, අද දින JavaScript අතථ්ය යන්ත්ර සඳහා හොඳින් ප්රශස්ත කර ඇති කේතය ජනනය කිරීමට ඔබේ සැකිලි භාවිතා කරන අතරම, රාමුවක කාර්යක්ෂමතාවයෙන් අතින් ලියන ලද කේතයේ සියලු වාසි ඔබට ලැබේ. එය ධාවනය වන.NET, Node.JS, PHP, සහ වෙනත් ඇතුළු විවිධ සේවාදායක යන්ත්රවල CSS සහ HTML හි ඔබගේ යෙදුමේ මූලික දෘෂ්ටිකෝණය ක්ෂණිකව ලබා දෙයි. මීට අමතරව, එය වෙබ් අඩවියේ සහ යෙදුමේ දෘශ්යතාව ඉහළ නංවන සුපිරි SEO ධාරිතාවක් සපයයි.
- වේගය සහ අර්ථ නිරූපණය: වෙබ් සේවකයින්ගේ සහ සේවාදායක පැත්තේ බෙදා හැරීමේ සහාය ඇතිව, වර්තමාන වෙබ් පාදක පරිසරය තුළ ඉහළම මට්ටමේ ප්රතිචාර දැක්වීමක් ලබා ගැනීමට Angular ඔබට උදවු කළ හැක. Angular JS භාවිතයෙන්, ඔබට දැවැන්ත දත්ත අවශ්යතා සපුරාලීම සඳහා Immutable.js හෝ RxJS වැනි තොරතුරු ආකෘති නිර්මාණය කළ හැක.
- කැපී පෙනෙන මෙවලම් සහාය: Angular ජංගම සහ වෙබ් යෙදුම් නිර්මාණය සඳහා ඇදහිය නොහැකි මෙවලම් සහය ලබා දෙන්නේ එයට සියළුම ක්රියාකාරීත්වය සහ විශේෂාංග තනිවම ලබා දීමට නොහැකි බැවිනි. එම සංරචකවල කේතය කෙරෙහි වැඩි අවධානයක් යොමු නොකර, Angular ප්රජාව සහ තෙවන පාර්ශවයන් විසින් සපයනු ලබන මෙවලම් භාවිතයෙන් විශ්මයජනක යෙදුම් නිර්මාණය කළ හැකිය.
- විවිධ වේදිකා සඳහා යෙදුම් සාදන්න: යෙදුම් තැනීම සඳහා කෝණික භාවිතා කිරීමේ එක් ක්රමයක් අවබෝධ කර ගැනීමට එය ඔබට සහාය වන අතර තවත් යෙදුම් තැනීමට ඔබේ කේත සහ සංවර්ධන කුසලතා නැවත භාවිතා කිරීමට ඉඩ සලසයි. AngularJS ස්වදේශීය ජංගම සහ දේශීය ඩෙස්ක්ටොප් යෙදුම්, වෙබ් අඩවි, වෙබ් යෙදුම්, සංයුක්ත අතුරුමුහුණත් සහ ජංගම යෙදුම් නිර්මාණය කිරීම සරල කරයි.
- කෝණික සඳහා විධාන රේඛා අතුරුමුහුණත: Angular CLI ලෙස හඳුන්වන බලවත් විධාන රේඛා අතුරු මුහුණතක් අපගේ සංවර්ධන ක්රියාවලිය ස්වයංක්රීය කිරීමට අපට සහාය විය හැක. එය විධාන රේඛාවකින් කෝණික පාදක යෙදුම් හඳුන්වාදීම, සංවර්ධනය කිරීම සහ කළමනාකරණය කිරීම සඳහා පහසුකම් සැලසිය හැක.
වාසි
- එය තරමක් ඵලදායී වේ.
- සැලකිය යුතු පරිසර පද්ධතියක්
- කෝණික ද්රව්ය ද්රව්ය නිර්මාණ අතුරුමුහුණත නිෂ්පාදනය ප්රතිසංවිධානය කරයි.
- Angular විසින් අනුමත කරන ලද සංරචක-පාදක ක්රමවේදය භාවිතා කරමින් තනි සංරචකයක් භාවිතයෙන් පරිශීලක අතුරුමුහුණතක් නිර්මාණය කර ඇත.
- එහි ප්රතිනිර්මාණ සේවා සහ වැඩිදියුණු කළ සංචාලනය මගින් කේතීකරණය සරල කර ඇත.
- යැපුම් එන්නත් කිරීම නිසා සංරචක වඩාත් කළමනාකරණය කළ හැකි, පරීක්ෂා කර, නැවත භාවිතා කළ හැකි ය.
අවාසි
- කෝණික භාෂාවේ වාචික, සංකීර්ණ භාෂාව.
- පැරණි පද්ධති AngularJS සිට Angular දක්වා සංක්රමණය වීමට වැඩි කාලයක් අවශ්ය වේ.
- Angular හි ස්ථර ගෘහනිර්මාණ ශිල්පය ඇතැම් පරිශීලකයින්ට තේරුම් ගැනීමට අපහසු විය හැකි අතර, එය ඉදිරිපස රාමුවේ දෝශ නිරාකරණය අපහසු කරයි.
- තනි පිටු යෙදුම් (SPAs) සහ ගතික යෙදුම් අපහසු වනු ඇත.
- කෝණික වෙබ් යෙදුම් SEO විකල්ප කිහිපයක් ලබා දෙන බැවින්, සෙවුම් යන්ත්ර බඩගාන්නන්ට ඒවා සොයා ගැනීමට අපහසු වේ.
මොකක්ද React?
පරිමාණය සහ නම්යශීලී බව පෙර සිතුවිල්ලක් වූ නමුත් වර්තමාන ගතික ඩිජිටල් පරිසරය තුළ, මුළු ලෝකයම ඩිජිටල් පරිවර්තනයක් කරා දැඩි ලෙස තල්ලු වන විට, ව්යවසායන් ආරම්භයේ සිටම ඔවුන්ගේ ප්රධාන ප්රමුඛතා ක්ෂේත්රවලට පරිමාණය සහ නම්යශීලීභාවය ඇතුළත් කර ඇත.
එහි ප්රතිඵලයක් වශයෙන්, තනි පිටු යෙදුම් නිර්මාණය කිරීමේදී මෙම තීරණාත්මක ලක්ෂණය මතකයේ තබා ගැනීම ඉතා වැදගත් වේ. ඔබේ සමාගම පරිමාණය සහ නම්යශීලීභාවය සඳහා ඉහළ ප්රමුඛතාවයක් ලබා දෙන්නේ නම්, ReactJS යනු භාවිතා කිරීමට අපූරු තාක්ෂණයකි.
React හි සංරචක මත පදනම් වූ සැලසුම හේතුවෙන්, එය සමඟ සාදන ලද තනි පිටු යෙදුම් නඩත්තු කිරීමට ඇදහිය නොහැකි තරම් පහසු වේ. ReactJS පිටුවක Virtual DOM එකක් අඩංගු වේ.
ගසේ අනෙකුත් අතු වලට බලපෑමක් නොකර වෙනස්කම් නිරීක්ෂණය කිරීමට සහ යාවත්කාලීන කිරීමට සංවර්ධන කණ්ඩායමට හැකියාව ලැබෙන බැවින් යෙදුම වඩාත් නම්යශීලී වේ.
Facebook විසින් FB ජංගම යෙදුම, Instagram සහ WhatsApp ඇතුළුව එහි සුප්රසිද්ධ වැඩසටහන් සියල්ලම ගොඩනඟා ඇත්තේ එහි මෑත කාලීන ජනප්රියතාවයේ දැවැන්ත වර්ධනය නිසාය.
Facebook වලට අමතරව, Dropbox, Uber, Twitter, Netflix, PayPal සහ Walmart ඇතුළු අනෙකුත් ප්රසිද්ධ සමාගම් විසින් React භාවිතා කරයි.
වෙබ් සංවර්ධනයේ මූලද්රව්ය මත පදනම් වූ සැලසුම් ක්රමය කළමනාකරණය කිරීමට පහසු වන අතර ක්රමලේඛකයින් සඳහා වඩාත් ප්රායෝගික වේ. ප්රතික්රියා මඟින් සංවර්ධන ක්රියාවලිය වේගවත් කරමින් ඇතැම් කොටස් නැවත භාවිතයට පහසුකම් සලසයි.
සබැඳි සහ ජංගම යෙදුම් දෙකම නිර්මාණය කිරීම ප්රතික්රියා රාමුව භාවිතයෙන් කළ හැකිය. ReactJS යනු එහි ස්වාධීන පුස්තකාල සඳහා වෙනත් රාමු වලට වඩා අභිරුචිකරණය කළ හැකි බැවින්, ඉක්මන් ප්රතිචාර දැක්වීමේ වේලාවන් සක්රීය කරන බැවින් SPA නිර්මාණය කිරීම සඳහා හොඳම රාමුව වේ.
දෙපාර්ශවය විසින්ම භාවිතා කරන ReactJS, සේවාදායකය සහ සේවාලාභියා අතර පැටවුම් බෙදාගැනීම සක්රීය කරයි.
ප්රතික්රියා පිරිනැමීම්
- අතථ්ය DOM එකක්: ස්වදේශික DOM වස්තුව අථත්ය DOM වස්තුවක් මඟින් නිරූපණය කෙරේ. එහි ප්රතිඵලයක් ලෙස ඒක දිශානුගත දත්ත බැඳීමක් සිදුවෙමින් පවතී. වෙබ් යෙදුමක් වෙනස් කරන ඕනෑම අවස්ථාවක, අථත්ය DOM විදැහුම්කරණය භාවිතයෙන් සම්පූර්ණ පරිශීලක අතුරුමුහුණත නැවත ලබා දේ. එය අවසන් වූ විට, සැබෑ DOM යාවත්කාලීන කරනු ලබන්නේ වෙනස් වූ මූලද්රව්ය පමණි. එම අවස්ථාවේදී, එය පැරණි සහ නව DOM නිරූපණය කරන ආකාරය සංසන්දනය කරයි. මෙමගින් මතකය හෝ වෙනත් සම්පත් නාස්ති නොකර ඉක්මනින් වැඩසටහන පූරණය කිරීමට හැකි වේ.
- ඒක දිශානුගත දත්ත බැඳීම: ප්රතික්රියා JS නිර්මාණය කරන ලද්දේ තනි දිශා දත්ත බන්ධන යාන්ත්රණයක් හෝ ඒක දිශානුගත තොරතුරු ප්රවාහයක් භාවිතා කරමිනි. තනි දිශානතියේ තොරතුරු සීමාවේ ප්රතිලාභවලට ස්තූතිවන්ත වන පරිදි සමස්ත යෙදුම කෙරෙහි ඔබට වඩා හොඳ පාලනයක් ඇත. ස්ථීර විය යුතු සංරචකවල ඇතුළත් දත්ත වෙනස් කළ නොහැකි වන පරිදි මෙය සිදු වේ. ඔබගේ තොරතුරු ඒක දිශාභිමුඛව තබා ගැනීමට උපකාර වන එක් මෙවලමක් නම් ප්රවාහයයි. ප්රතිඵලයක් ලෙස යෙදුම වඩාත් නම්යශීලී වන අතර එමඟින් නිෂ්පාදනය වැඩි කිරීමට දිරිගන්වයි.
- JSX: React JSX ලෙස හඳුන්වන JavaScript සින්ටැක්ස් දිගුව සඳහා සහය දක්වයි. React JS XML හෝ HTML වලට සමාන භාෂා වාක්ය ඛණ්ඩයක් භාවිතා කරයි. ප්රතික්රියා රාමුවේ JavaScript ඇමතුම් මෙම වාක්ය ව්යුහය හසුරුවයි. JavaScript ප්රතික්රියා කේතයට HTML වැනි ද්රව්ය සමඟ සහජීවනය වීමට ඉඩ දීම සඳහා එය ES6 පුළුල් කරයි.
- සංරචක සහ කොටස්: ප්රතික්රියා JS බොහෝ කොටස් වලින් සැදුම්ලත් සංරචක-පාදක රාමුවක් සපයයි, ඒ සෑම එකක්ම තමන්ගේම වාසි සහ හැකියාවන් ඇත. මෙම කොටස්වල විකෘති ස්වභාවය නිසා, සංකීර්ණ ව්යාපෘතිවල වැඩ කිරීමේදී කේතයේ පෙළගැස්ම සහ භාවිතයේ පහසුව පවත්වා ගැනීමට අපට හැකි වේ.
- ක්රියාත්මක: ReactJS විශිෂ්ට ලෙස ක්රියාත්මක කිරීම සඳහා කීර්තියක් ඇත. දැනටමත් භාවිතා කරන අනෙකුත් පද්ධති සමඟ සසඳන විට, මෙම සංරචකය එය සැලකිය යුතු ලෙස වැඩි දියුණු කරයි. මෙය වර්චුවල් DOM එකකින් ක්රියා කරන බව පැහැදිලි කරයි. DOM ලෙස හඳුන්වන හරස් වේදිකා පරිගණක ක්රමලේඛන API HTML, XML, හෝ XHTML පාලනය කරයි. සම්පූර්ණ DOM මතකයේ පවතී. එහි ප්රතිඵලයක් වශයෙන්, අපි කොටසක් නිර්මාණය කළ විට, අපි එය DOM වෙත රචනා කළේ නැත. බොහෝ දුරට ඉඩ ඇති පරිදි, අපි DOM බවට පරිවර්තනය වන අතථ්ය සංරචක නිර්මාණය කරමින් සිටිමු, එහි ප්රතිඵලයක් ලෙස වඩාත් සුමට හා වේගවත් ක්රියාවක් සිදු වේ.
- සෘජු බව: ReactJS හි JSX වාර්තා භාවිතා කිරීම නිසා යෙදුම තේරුම් ගැනීමට සහ සංවර්ධනය කිරීමට සරල ය. ReactJS යනු අපි දන්නා පරිදි සංරචක පදනම් වූ තාක්ෂණයක් වන අතර අවශ්ය පරිදි කේතය නැවත භාවිතා කිරීමට එය ඔබට හැකියාව ලබා දෙයි. එහි ප්රතිඵලයක් වශයෙන්, එය භාවිතා කිරීම සහ ඉගෙනීම සරල ය.
වාසි
- පුළුල් පරාසයක සංරචක සහිත මෙවලම්වලින් පොහොසත් විවෘත මූලාශ්ර පුස්තකාලයක්
- සංරචක නැවත භාවිතා කිරීම හරහා කාලය ඉතිරි කිරීම
- ස්ථාවර කේතය එක්-මාර්ග දත්ත ප්රවාහය මඟින් සිදු කළ හැක.
- ඔබට ඉක්මනින් ගැටළු නිරාකරණය සහ නිර්මාණාත්මක විසඳුම් ලැබෙනු ඇත.
- සංවර්ධකයාගේ කාර්යය අතථ්ය DOM මගින් මෙන්ම පරිශීලක අත්දැකීමද වැඩි දියුණු කර ඇත.
- එහි නැවත භාවිත කළ හැකි සංරචක යෙදුම් නිර්මාණය සහ නඩත්තුව සරල කරයි.
- නිතිපතා, රාමුව යාවත්කාලීන කර නව අනුවාද නිකුත් කරනු ලැබේ.
අවාසි
- නව කුසලතා ප්රගුණ කිරීමට යම් කාලයක් ගතවේ.
- සංවර්ධකයින් සඳහා, JSX හි සංකීර්ණත්වය අවබෝධ කර ගැනීම අභියෝගාත්මක ය.
- දේවල් ඉතා ඉක්මනින් වර්ධනය වන නිසා ප්රමාණවත් ලියකියවිලි නොමැත.
- ව්යාපෘතිය වර්ධනය වන විට, ඔබට “ප්රවාහය සහ දත්ත සංරචක” අහිමි වීමට ඉඩ ඇත.
Blazor Vs Angular
Angular නමින් JavaScript මත පදනම් වූ සංවර්ධන රාමුවක් නිර්මාණය කරන ලද අතර එය Google විසින් නඩත්තු කරනු ලැබේ. තනි පිටු යෙදුම් පරීක්ෂාව සහ සංවර්ධනය කෝණික රාමුව මගින් පහසු කර ඇත.
සේවාලාභී පාර්ශ්ව MVC (ආකෘතිය, දර්ශනය, පාලකය) සහ MVVM (ආකෘතිය, බැලීම, මාදිලිය බලන්න) යෙදුම් සඳහා ලබා දෙන බහුකාර්ය රාමුව නිසා සංවර්ධකයෙකුට ඉතා ඉක්මනින් ඉතා ක්රියාකාරී සහ සිත් ඇදගන්නා SPA නිර්මාණය කළ හැක. විවෘත මූලාශ්ර Blazor සහ Angular web development frameworks දෙකම.
මේ දෙක අතර ඇති ප්රධාන වෙනස නම් Blazor C# ක්රමලේඛන හැකියාවන් ලබා දෙන අතර Angular යනු සුප්රසිද්ධ වේදිකාවක් වන JavaScript මත පදනම් වීමයි.
තවත් සැලකිය යුතු වෙනසක් වන්නේ Angular ලොව පුරා සිටින සංවර්ධකයින් විසින් පුළුල් ලෙස භාවිතා කරන අතර එය නිෂ්පාදනයට සූදානම් වීමයි. Blazor වඩාත්ම මෑත විකල්පය වන අතර, එය තවමත් සංවර්ධනය වෙමින් පවතින අතර නිතිපතා වැඩිදියුණු කිරීම් ලබයි.
Blazor server-side PWA ලෙස ක්රියා කළ නොහැක, නමුත් Angular හට PWA සඳහා පුළුල් සහය ඇත. Blazor හට සාමාන්යයෙන් ක්රියාත්මක වීමට සහ සියලුම සේවාදායක සේවාදායකයන් සඳහා සංරචක තත්ත්වය සුරැකීමට ක්රියාකාරී සම්බන්ධතාවයක් අවශ්ය වේ.
අපි මෙවලම් සහය ගැන කතා කරන්නේ නම්, Angular JS පරිණත වී ඇති අතර Blazor මෑතකදී Razor සහාය ලබා ගෙන ඇත.
Blazor Vs React
ෆේස්බුක් 2013 දී Javascript මත පදනම් වූ පරිශීලක අතුරුමුහුණත් සංරචක රාමුවක් වන React සංවර්ධනය කර එළිදක්වන ලදී.
එය ඉතා ගතික UI/UX නිර්මාණය කිරීම සඳහා වඩාත් ජනප්රිය සහ හොඳම වෙබ් රාමු වලින් එකකි. WhatsApp, Instagram සහ Facebook Mobile යෙදුම ඇතුළු බොහෝ Facebook යෙදුම් එය භාවිතා කරයි.
Facebook, ස්වාධීන සංවර්ධකයින්ගේ සැලකිය යුතු ප්රජාවක් සහ තාක්ෂණික සමාගම් සියල්ලම React ප්රවර්ධනය කරයි. React භාවිතා කරන්නේ Dropbox, Uber, Paypal, Twitter, Netflix සහ Walmart ඇතුළු සුප්රසිද්ධ සමාගම් විසිනි.
Blazor යනු HTML සහ C#/Razor භාවිතා කරන සහ WebAssembly හරහා ඕනෑම බ්රවුසරයක් තුළ ක්රියාත්මක වන සාම්ප්රදායික නොවන සබැඳි සහ ජංගම යෙදුම් පරිශීලක අතුරුමුහුණත් රාමුවකි.
වෙබ් සහ ජංගම යෙදුම් සඳහා පරිශීලක අතුරුමුහුණත් සැලසුම් කිරීම සඳහා JavaScript මත පදනම් වූ පුස්තකාලයක් වන React සමඟ මෙය වෙනස් වේ. විවෘත මූලාශ්ර රාමු සහ පුස්තකාලවලට Blazor සහ React ඇතුළත් වේ.
ජනප්රියත්වය සම්බන්ධයෙන් ගත් කල, එය විශාල ප්රේක්ෂකයින් විසින් ප්රිය කරන බැවින් ප්රතික්රියා පහසුවෙන් ජය ගනී.
කෝණික Vs ප්රතික්රියාව
අවිවාදයෙන්ම, කෝණික යනු ජංගම සහ මාර්ගගත යෙදුම් නිර්මාණය කිරීම සඳහා සම්පූර්ණ රාමුවකි. ප්රතික්රියා, අනෙක් අතට, පරිශීලක අතුරුමුහුණත් සංවර්ධනය කිරීම සඳහා විශේෂයෙන් නිර්මාණය කර ඇති පුස්තකාලයකි.
අතිරේක පුස්තකාලවල සහාය ඇතිව, අපට එය සම්පූර්ණ ඉදිරිපස සංවර්ධන විසඳුමක් බවට පරිවර්තනය කළ හැකිය. ප්රතික්රියා සරල සහ සැහැල්ලු බව පෙනේ, ප්රතික්රියා ව්යාපෘති වේගයෙන් නිර්මාණය කළ හැකි බැවින් සංවර්ධකයින් එයට කැමති වේ.
කෙසේ වෙතත්, මෙම ප්රතිලාභයට මිලක් ඇත, එනම් සංවර්ධකයින් වෙනත් JavaScript රාමු, තාක්ෂණයන් සහ මෙවලම් ඇතුළත් කරන්නේ කෙසේදැයි ඉගෙන ගත යුතුය.
කෝණික ඉගෙනීමට වඩා දුෂ්කර වන අතර නිර්මාණය සම්බන්ධයෙන් තරමක් සංකීර්ණ වේ. එය විශ්මයජනක වෙබ් සංවර්ධන අත්දැකීමක් සපයන ශක්තිමත් සහ විශ්වාසදායක රාමුවක් වන අතර, ඕනෑම සංවර්ධකයෙකු එය ප්රගුණ කළ පසු, ඔවුන්ට Angular JS වෙතින් ප්රයෝජන ගත හැකිය.
නිගමනය
Blazor නම් නව වේදිකාවක්.NET සමඟ බාධාවකින් තොරව සම්බන්ධතාවයක් ලබා දෙන අතර Angular සහ React වැනි JavaScript රාමු සපයන දේ ඉටු කිරීමට C# භාවිතා කිරීමට අවස්ථාව ලබා දෙයි.
කෙසේ වෙතත්, දැනට සබැඳි යෙදුම් සංවර්ධනය සඳහා ජාවාස්ක්රිප්ට් භාවිතා කරන බොහෝ දෙනෙක් කෝණික සහ ප්රතික්රියා වලට කැමැත්තක් දක්වන්නේ ඔවුන් ඔබට වෙබ් යෙදුම් සහ ජංගම යෙදුම් දෙකම සැලසුම් කිරීමට සහ ගොඩනැගීමට ඉඩ සලසන බැවිනි.
ජාවාස්ක්රිප්ට් රාමු ඉතා දිගු කාලයක් වෙළඳපොලේ පවතින අතර සැලකිය යුතු දියුණුවක් ලබා ඇති බව දැන ගැනීම ඉතා වැදගත් වේ.
කෙසේ වෙතත්, Microsoft වෙතින් මෑතකාලීන නිෂ්පාදනයක් වන Blazor, තවමත් සෑම තැනකම සහය නොදක්වන අතර JavaScript රාමුව සහ පුස්තකාල සංවර්ධකයන්ට සපයන බොහෝ හැකියාවන් නොමැත.
අප දැනටමත් ආවරණය කර ඇති පරිදි, Blazor භාවිතා කිරීමේ ප්රතිලාභ කිහිපයක් ඇති අතර, එහි අපූරු සහ සැහැල්ලු ඉදිරිපස සංවර්ධන හැකියාවන් සඳහා භාවිතා කරන React JS වෙනුවට නිෂ්පාදන අරමුණු සඳහා Angular JS තෝරා ගැනීමට ඉතා ප්රබල හේතු කිහිපයක් තිබේ.
ඔබමයි