Blazor vs React: Why This .NET Architect ឥឡូវនេះបានជ្រើសរើសទំព័រ

Blazor vs. React គឺជាសំណួរដែលអ្នកអភិវឌ្ឍន៍ .NET ទាំងអស់ចុងក្រោយសួរ។ Blazor អនុញ្ញាតឱ្យអ្នកបង្កើតអ៊ីនធឺណិតអេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អេក្រង់អ Blazor អនុញ្ញាតឱ្យអ្នកបង្កើតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិត Blazor vs React សៀវភៅរូបភាព តើ Blazor គឺជាអ្វី? ទោះបីជាការប្រឆាំងនឹង React ការប្រៀបធៀបកូដ: React vs Blazor ហេតុអ្វីដែល Blazor ធ្វើការសម្រាប់ខ្ញុំ ការអភិវឌ្ឍន៍ Blazor: .NET 8, 9 និង 10 នៅពេលដែលការប៉ះពាល់ក៏មានគោលបំណង ការចាប់ផ្តើមជាមួយ Blazor FAQ: Common Concerns Answered យោបល់ចុងក្រោយ ខ្ញុំបានសរសេរ JavaScript ចាប់តាំងពីឆ្នាំ 2009 នៅពេលដែល jQuery 1.3 បានចាប់អារម្មណ៍ថាជាមធ្យម។ ខ្ញុំបានមើល frameworks បានកើនឡើងនិងកាត់បន្ថយដូចជាធម្មជាតិ។ Backbone, Angular, React, ហើយឥឡូវនេះខ្ញុំគួរឱ្យចាប់អារម្មណ៍អំពី Signals? ជារៀងរាល់ថ្ងៃដែលខ្ញុំបានជារៀងរាល់ថ្ងៃដែលខ្ញុំបានជារៀងរាល់ថ្ងៃ។ node_modules និងទីបីនៅជុំវិញរបស់ខ្ញុំ សៀវភៅដែលមានច្រើនជាង 800MB, ខ្ញុំបានចាប់ផ្តើមសួរខ្លួនឯង: node_modules តើប្រសិនបើមានវិធីផ្សេងទៀតទេ? វាត្រូវបានគេហៅថា Blazor ហើយវាត្រូវបានអនុញ្ញាតឱ្យខ្ញុំបង្កើតកម្មវិធីបណ្ដាញដោយប្រើភាសាដែលមិនគិតទេ។ is acceptable behavior. "2" + 2 = "22" តើ Blazor គឺជាអ្វី? Blazor គឺជាប្រព័ន្ធប្រតិបត្តិការរបស់ Microsoft សម្រាប់ការបង្កើតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតដែលប្រើ C# ហើយមិនជា JavaScript ។ ឈ្មោះនេះគឺជាប្រភេទនៃ "Browser" និង "Razor" (ប្រព័ន្ធប្រតិបត្តិការ .NET templating syntax) ហើយវាត្រូវបានផលិតនៅពេលចាប់តាំងពីឆ្នាំ 2020 ។ Instead of writing JavaScript that runs in the browser, you write C# that either: ការដំណើរការនៅលើសេវាកម្ម (Blazor Server): C# របស់អ្នកដំណើរការនៅលើសេវាកម្មនិងការដំណើរការទូទាត់ប្រព័ន្ធប្រតិបត្តិការ UI ទៅលើបណ្តាញតាមរយៈការតភ្ជាប់ SignalR WebSocket ក្នុងពេលវេលាពិតប្រាកដ។ ការធ្វើដំណើរតាមបណ្តាញ (Blazor WebAssembly): ការធ្វើដំណើរតាមបណ្តាញ .NET ដោយខ្លួនឯងត្រូវបានធ្វើដំណើរតាមបណ្តាញតាមបណ្តាញតាមបណ្តាញ WebAssembly ។ ដូច្នេះប្រសិនបើបានធ្វើដំណើរតាមបណ្តាញ .NET ដោយខ្លួនឯង។ Both (Blazor United/.NET 8+): ជ្រើសរើសរបៀបបង្ហាញរបស់អ្នក per-component. Server-side for initial load speed, WebAssembly for offline capability. Best of both worlds. // A Blazor component. Yes, that's C# in your UI. @page "/counter"

Counter Current count: @currentCount

Click me

@code { private int currentCount = 0;

private void IncrementCount() { currentCount++; } } មិនមាន webpack ។ មិនមាន babel ។ មិនមានឯកសារកំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់កំណត់ ការប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រ React បានកំណែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែ ប៉ុន្តែបន្ទាប់ពីឆ្នាំនៃការបង្កើតកម្មវិធីផលិតកម្ម React, ខ្ញុំបានចាប់ផ្តើមមើលឃើញគំរូដែលបានធ្វើឱ្យខ្ញុំគួរការជ្រើសរើសជីវិតរបស់ខ្ញុំ។ The Framework Churn is Real ប្រព័ន្ធអាកាសធាតុ React ត្រូវបានបង្ហាញថាជា នេះមិនមែនជាសៀវភៅរបស់ខ្ញុំទេប៉ុន្តែខ្ញុំមានអារម្មណ៍ថាវាមានអារម្មណ៍នៅក្នុងមិត្តភក្តិរបស់ខ្ញុំនៅពេលដែលខ្ញុំសរសេរវា។ សត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វសត្វ Every year brings a new "right way" to do things: Year What We Were Told to Use 2016 Redux. Obviously. 2018 MobX because Redux boilerplate was killing us 2020 Context API (who needs libraries?) 2021 Zustand, after Context caused re-render hell on a dashboard I built 2022 Pick one: Jotai, Recoil, Valtio, or whatever your coworker found on Hacker News 2023 Whatever survived the layoffs 2024 Server Components. State lives on the server now, apparently? 2016 ទោះជាយ៉ាងណាក៏ដោយ 2018 MobX ដោយសារតែ Redux boilerplate បានស្លាប់យើង 2020 សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ សៀវភៅ 2021 Zustand, after Context caused re-render hell on a dashboard ខ្ញុំបានបង្កើតឡើង 2022 ជ្រើសរើសមួយ: Jotai, Recoil, Valtio ឬអ្វីដែលមិត្តភក្តិរបស់អ្នកបានរកឃើញនៅលើ Hacker News 2023 Whatever survived the layoffs 2024 ហ្វេសប៊ុកអ៊ីនធឺណិត: ហ្វេសប៊ុកអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិតអ៊ីនធឺណិត អ្នកផ្គត់ផ្គង់នៅលើ DEV Community : "After years of jumping from React to Vue to Svelte to Solid (and back again), I realized I was constantly relearning how to build the same thing in a slightly different way." summed it up perfectly ការដោះស្រាយការបាត់បង់គឺការបាត់បង់ ការចាប់ផ្តើមគម្រោង React ថ្មីនៅក្នុងឆ្នាំ 2024 ដែលមានន័យថាខ្ញុំបានចំណាយពេលពីរថ្ងៃតែជ្រើសរើសឧបករណ៍។ Bundler? Webpack គឺជា "កំណត់" ឥឡូវនេះ, Vite គឺជាការទូទាត់ទេប៉ុន្តែខ្ញុំត្រូវការ Turbopack? ការគ្រប់គ្រងរដ្ឋ? ខ្ញុំបានចូលទៅជាមួយ Zustand បន្ទាប់ពីរយៈពេលបី ម៉ោងនៃការអានការប្រៀបធៀប។ Styling? Tailwind, ប៉ុន្តែមធ្យមនៃក្រុមរបស់ខ្ញុំចង់បាន Styled Components ។ Forms? React Hook Form, អាចប៉ុណ្ណោះប៉ុណ្ណោះប៉ុណ្ណោះប៉ុណ្ណោះប៉ុណ្ណោះប៉ុណ្ណោះប្រសិនបើយើងត្រូវការអ្វីដែល Formik ធ្វើការល្អជាងមុន។ វាជាមុនពេលដែលខ្ញុំបានសរសេរបញ្ជីតែមួយនៃគោលបំណងអាជីវកម្ម។ នេះ បាននិយាយថា "ភាពងាយស្រួលនិងកម្រិតខុសគ្នានៃតម្រូវការអុកស៊ីតគឺជាសមត្ថភាពនិងកម្រិតខុសគ្នានៃការ ... ដែលនាំទៅនឹងការកាត់បន្ថយការដោះស្រាយកម្រិតខុសគ្នានៃមូលដ្ឋានកូដគម្រោងនិងការផ្លាស់ប្តូរបន្តិចនៅក្នុងឧបករណ៍ដែលត្រូវបានប្រើជាទូទៅ។" គោលនយោបាយនៃ React 2025 ប្រភេទសាសនាចក្រសុវត្ថិភាព Yes, TypeScript exists. Yes, it helps. But TypeScript is a bandage on a dynamically-typed wound. You're bolting a type system onto a language that fundamentally doesn't have one. The seams show. // TypeScript: Types are suggestions, really const user: User = JSON.parse(response); // No runtime validation! // user could be anything. TypeScript just trusts you.

// Meanwhile, in C#: var user = JsonSerializer.Deserialize (response); // Actual deserialization with type checking I ran នៅលើគម្រោងអតិថិជនឆ្នាំមុន។ 847 លក្ខខណ្ឌ។ នៅពេលនេះអ្នកគ្រាន់តែបានសរសេរ JavaScript ជាមួយនឹងជំហានបន្ថែមទៀត។ grep -r ': any' src/ | wc -l យោបល់អំពី NPM Security Nightmare សូមប្រាប់យើងអំពីអ្វីដែលសង្គម JavaScript មិនចង់និយាយអំពី: អ្នក កុំព្យូទ័រ គឺជាការសុវត្ថិភាព។ node_modules September 2025: The Shai-Hulud Attack compromised 18+ packages with over ការហោះហើរនេះបានចាប់ផ្តើមដោយអ៊ីម៉ែលការហោះហើរទៅនឹងអ្នកគ្រប់គ្រងតែមួយ។ ក្នុងរយៈពេលមួយថ្ងៃ, កញ្ចប់ពី Zapier, PostHog, និង Postman ត្រូវបានបង្វិល។ មួយនៃការហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហោះហើរ 2.6 billion weekly downloads អ្នក Kicker? បន្ទាប់មកនៅខែវិច្ឆិកាឆ្នាំ 2025 ដែលមានប្រសិទ្ធិភាពជាង 25,000 GitHub repositories ។ កំណែនេះរួមបញ្ចូលគ្នាជាការ "ការកាត់បន្ថយ" - ប្រសិនបើកម្មវិធីដែលមានប្រសិទ្ធិភាពមិនអាចបាត់បន្ថយវិញ្ញាបនប័ត្រវានឹង . ហ្វេសប៊ុក 2.0 destroy the victim's entire home directory នេះមិនមែនជាប្រវត្តិសាស្រ្តច្បាស់។ នេះគឺ . this year The Greatest Hits of npm Disasters Incident Year Impact left-pad 2016 One developer unpublished an 11-line package. Babel, React, and thousands of projects broke instantly. event-stream 2018 Malicious code injected by a "helpful" new maintainer. Went undetected for 2.5 months. Targeted Bitcoin wallets. ua-parser-js 2021 8 million weekly downloads. Compromised to install cryptominers and password stealers. everything 2024 A "joke" package that depended on every npm package. DOS'd anyone who installed it. Shai-Hulud 2025 2.6B+ weekly downloads affected. AI-assisted attacks. Data destruction payloads. ទំព័រដើម 2016 អ្នកផ្គត់ផ្គង់មួយមិនបានបោះពុម្ពកញ្ចប់ 11 ដំណឹង។ Babel, React និងគម្រោងរាប់រយនាក់បានកាត់បន្ថយដោយឥឡូវនេះ។ ហ្វេសប៊ុក 2018 វាត្រូវបានគេហៅថា Bitcoin Wallet ។ វាត្រូវបានគេហៅថា Bitcoin Wallet ។ វាត្រូវបានគេហៅថា Bitcoin Wallet ។ វាត្រូវបានគេហៅថា Bitcoin Wallet ។ ហ្វេសប៊ុក 2021 8 លានការទាញយកប្រចាំសប្តាហ៍។ បានកាត់បន្ថយការដំឡើង Cryptominers និង Password Stealers ។ everything 2024 វាគឺជាកញ្ចប់ "គួរឱ្យចាប់អារម្មណ៍" ដែលត្រូវបានផ្អែកលើកញ្ចប់ npm ទាំងអស់។ DOS'd មនុស្សដែលបានដំឡើងវា។ ហ្វេសប៊ុក 2025 2.6B+ ការទាញយកប្រចាំសប្តាហ៍ដែលបានកាត់បន្ថយ។ ការជោគជ័យដោយ AI ។ ការកាត់បន្ថយទម្រង់ទិន្នន័យ។ Why This Keeps Happening អេក្រង់អេក្រង់ npm មានបញ្ហារចនាសម្ព័ន្ធ: ការបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តុះបណ្តាល អ្នកគ្រប់គ្រងដោយជោគជ័យ: ឧបករណ៍វិជ្ជាជីវៈសំខាន់ដែលត្រូវបានគ្រប់គ្រងដោយបុគ្គលិកដែលមិនគិតថ្លៃដែលអាចត្រូវបាន phishing, burned out, or social-engineered ។ : npm installs whatever says. There's no compile-time check that the code is safe. No build-time verification package.json កញ្ចប់ trivial: ប្រព័ន្ធឧបករណ៍ JavaScript បានប្រសើរឡើងប្រសិនបើមានកញ្ចប់សម្រាប់ប្រតិបត្តិការ trivial. is-odd? is-even? is-number? These exist, and they have millions of downloads. # A real npm audit from a "simple" React project found 47 vulnerabilities (12 moderate, 28 high, 7 critical) Meanwhile, in .NET Land NuGet មិនល្អឥតខ្ចោះទេប៉ុន្តែវាបានល្អឥតខ្ចោះ: សៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅ ប្រព័ន្ធអ៊ីនធឺណិតដែលបានកែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែប្រែ ការគាំទ្ររបស់ Microsoft: សៀវភៅសំខាន់ដែលត្រូវបានរក្សាទុកដោយក្រុមហ៊ុនដុល្លារដុល្លារ, មិនជាអ្នកអភិវឌ្ឍន៍តែមួយ ការសុវត្ថិភាពពេលវេលាកំណត់: កម្មវិធីកំណត់ C# ទទួលបានបញ្ហាជាច្រើនមុនពេលដំណើរការ សៀវភៅទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ទម្រង់ នៅពេលដែលខ្ញុំនៅ នៅលើគម្រោង Blazor របស់ខ្ញុំខ្ញុំជាធម្មតានៅពេលដែលខ្ញុំមើលឃើញផលិតផល 0 ។ នៅលើគម្រោង React, ខ្ញុំចែករំលែករំខានរបស់ខ្ញុំ។ dotnet list package --vulnerable npm audit សូមអនុញ្ញាតឱ្យកូដសរសេរដោយខ្លួនឯង: React vs. Blazor គំនិតគឺស្រស់ស្អាត។ គំនិតគឺល្អជាងមុន។ នេះគឺដូច្នេះធ្វើដូចម្តេចដែលសមត្ថភាពដូចគ្នានៅក្នុងគំនិតទាំងពីរ។ A Simple Counter (The "Hello World" នៃ Frameworks) React (with hooks): import { useState } from 'react';

export default function Counter() { const [count, setCount] = useState(0);

return ( Counter Current count: {count}

setCount(count + 1)}> Click me ); } Blazor: @page "/counter"

Counter Current count: @count

count++">Click me

@code { private int count = 0; } Similar line count, but notice: no imports, no hook, no setter function. Just a variable and an increment. useState Two-Way Data Binding This is where the ceremony difference gets real. React: import { useState } from 'react';

export default function SearchBox() { const [query, setQuery] = useState(''); const [results, setResults] = useState([]);

const handleChange = (e) => { setQuery(e.target.value); };

return ( You typed: {query}

); } Blazor: You typed: @query

@code { private string query = ""; } handles both directions. No អាជីវកម្ម, មិន , no setter function. The binding just works. @bind onChange e.target.value Form Handling with Validation Here's where things get spicy. A user registration form with validation. React (with React Hook Form + Zod - the "modern" approach): import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import { z } from 'zod';

const schema = z.object({ email: z.string().email('Invalid email'), password: z.string().min(8, 'Password must be at least 8 characters'), confirmPassword: z.string() }).refine(data => data.password === data.confirmPassword, { message: "Passwords don't match", path: ['confirmPassword'] });

export default function RegisterForm() { const { register, handleSubmit, formState: { errors, isSubmitting } } = useForm({ resolver: zodResolver(schema) });

const onSubmit = async (data) => { await fetch('/api/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); };

return ( {errors.email && {errors.email.message} } {errors.password && {errors.password.message} } {errors.confirmPassword && {errors.confirmPassword.message} } Register ); } That's three npm packages ( , លោក ប្រព័ន្ធ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ react-hook-form @hookform/resolvers zod Blazor (with built-in DataAnnotations): @page "/register" @inject HttpClient Http

model.Email" /> model.Password" /> model.ConfirmPassword" />

Register

@code { private RegisterModel model = new(); private bool isSubmitting = false;

private async Task HandleSubmit() { isSubmitting = true; await Http.PostAsJsonAsync("/api/register", model); isSubmitting = false; }

public class RegisterModel { [Required, EmailAddress] public string Email { get; set; } = "";

[Required, MinLength(8, ErrorMessage = "Password must be at least 8 characters")] public string Password { get; set; } = "";

[Required, Compare(nameof(Password), ErrorMessage = "Passwords don't match")] public string ConfirmPassword { get; set; } = ""; } } គោលបំណងនៃគោលបំណងនៃការត្រួតពិនិត្យត្រូវបានបង្កើតឡើងនៅក្នុង .NET ។ handles the submit flow. wires up validation automatically. The model class is reusable on your API too. EditForm DataAnnotationsValidator Data Fetching React (with useEffect - the footgun everyone steps on): import { useState, useEffect } from 'react';

export default function UserList() { const [users, setUsers] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null);

useEffect(() => { let isMounted = true; // Cleanup flag to prevent state updates after unmount

fetchUsers();

return () => { isMounted = false; }; // Cleanup }, []);

if (loading) return Loading... ; if (error) return Error: {error} ;

return ( {users.map(user => ( {user.name} ))} ); } Notice the cleanup pattern with . I spent two hours last year hunting down a memory leak because a junior dev forgot this pattern. The error message? "Can't perform a React state update on an unmounted component." Helpful. isMounted Blazor: @page "/users" @inject HttpClient Http

@if (users == null) { Loading... } else if (error != null) { Error: @error } else { @foreach (var user in users) { @user.Name } }

@code { private List ? users; private string? error;

protected override async Task OnInitializedAsync() { try { users = await Http.GetFromJsonAsync >("/api/users"); } catch (Exception ex) { error = ex.Message; } } } No cleanup needed. Blazor handles component lifecycle properly. No dependency array to forget. runs once when the component loads. OnInitializedAsync Component Communication (Parent to Child, Child to Parent) React: // Parent function Parent() { const [selectedItem, setSelectedItem] = useState(null);

return ( {selectedItem && } ); }

// Child function ItemList({ onItemSelected, highlightedId }) { const items = [...];

return ( {items.map(item => ( onItemSelected(item)} > {item.name} ))} ); } Blazor: @* Parent *@

@if (selectedItem != null) { }

@code { private Item? selectedItem; } @* ItemList.razor *@ @foreach (var item in items) { SelectedItem = item"> @item.Name }

@code { private List items = [...];

[Parameter] public Item? SelectedItem { get; set; }

[Parameter] public EventCallback SelectedItemChanged { get; set; } } The ប្រព័ន្ធ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ @bind-SelectedItem The Ceremony Comparison Task React Blazor Two-way binding + (every. single. field.) value onChange @bind Form validation Pick a library, write a schema, pray Built-in DataAnnotationsValidator Data fetching + cleanup + deps array (good luck) useEffect OnInitializedAsync State management This week's favorite: Redux? Zustand? Jotai? Class fields. Call when needed StateHasChanged() DI Roll your own with Context or install a library (it just works) @inject Parent-child binding Props down, callbacks up @bind-PropertyName ការបណ្តុះបណ្តាលពីរដង + (ប្រសិនបើអ្នកចង់ចូលទៅក្នុងទីផ្សារ) value onChange @bind Form validation ជ្រើសរើសសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅ Built-in DataAnnotationsValidator ទិន្នន័យ + cleanup + deps array (សប្បាយរីករាយ) useEffect OnInitializedAsync ការគ្រប់គ្រងរដ្ឋ សៀវភៅអាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាសអាភាស Class fields. Call when needed StateHasChanged() អេ Roll your own with Context or install a library (it just works) @inject Parent-child binding Props down, callbacks up @bind-PropertyName See the pattern? Blazor does the same thing with less code and fewer choices to agonize over. ហេតុអ្វីបានជា Blazor ធ្វើការសម្រាប់ខ្ញុំ One Language to Rule Them All This is the killer feature. With Blazor, I write C# on the frontend and C# on the backend. Same language. Same type system. Same patterns. // Shared model used by both frontend and backend public record CreateOrderRequest( string CustomerId, List Items, ShippingAddress Address );

// API endpoint [HttpPost] public async Task > CreateOrder(CreateOrderRequest request) { // Validate, process, return }

// Blazor component calling the API var order = await Http.PostAsJsonAsync ("api/orders", request); No serialization mismatches. No "I updated the API but forgot to update the TypeScript types." The compiler catches everything. Type Safety That Actually Means Something C# is statically typed. Not "we added types later and hope you use them" typed. The compiler is your friend, and it will tell you about problems your users find them. before // This won't compile. Period. int count = "five"; // Error CS0029

// Pattern matching catches nulls at compile time if (user is { Email: var email }) { SendWelcomeEmail(email); // email is guaranteed non-null here } As , "combining these tools with the type safety of the language allows developers to write code with a lot more confidence up-front, not having to worry about runtime errors like unexpected nulls." Emergent Software notes SOLID Principles Are First-Class Citizens .NET was designed with dependency injection and interface-based programming in mind. Implementing SOLID principles isn't fighting the framework-it's using it as intended. // Program.cs - Clean DI registration builder.Services.AddScoped (); builder.Services.AddScoped (); builder.Services.AddScoped ();

// Component receives dependencies automatically @inject OrderService Orders @inject NavigationManager Navigation

@code { private async Task SubmitOrder() { var result = await Orders.CreateAsync(currentOrder); if (result.IsSuccess) { Navigation.NavigateTo($"/orders/{result.Value.Id}"); } } } Try achieving this level of clean dependency injection in React without a third-party library and a configuration ceremony. Debugging That Doesn't Make You Cry កម្មវិធី debugger នៃ Visual Studio ជាមួយ Blazor គឺជាការល្អឥតគិតថ្លៃ។ Breakpoints ធ្វើការ។ Step-through ធ្វើការ។ Watch expressions ធ្វើការ។ ទូរស័ព្ទ stack ជាការពិតប្រាកដ។ I can set a breakpoint in my Blazor component, step through my business logic, and trace execution all the way to the database and back. Same debugger, same tools, same experience as any other C# application. private async Task LoadOrders() { // Set a breakpoint here var orders = await OrderService.GetRecentAsync(customerId);

// Inspect 'orders' in the debugger // See the actual types, not 'object Object'

this.orders = orders; } Compare this to debugging React where you're juggling browser DevTools, React DevTools, and Redux DevTools all at once. Last year I spent 45 minutes on a bug that turned out to be a missing dependency in a ប្រព័ន្ធ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ useEffect The .NET Ecosystem is Stable (Boringly So) The .NET ecosystem moves slowly. Deliberately. I consider this a feature, not a bug. កញ្ចប់ NuGet មានការគាំទ្ររយៈពេលវែង។ នៅពេលដែល Newtonsoft.Json បានជ្រើសរើសការចូលទៅក្នុងប្រព័ន្ធប្រតិបត្តិការ iOS 13 មិនមែនជាអ្នកគិតថ្លៃទេ។ វាត្រូវបានធ្វើឱ្យប្រសើរឡើងយ៉ាងណាក៏ដោយប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យប្រសិនបើវាត្រូវបានធ្វើឱ្យ នៅពេលដែលខ្ញុំបានធ្វើការអភិវឌ្ឍពី .NET 7.0.14 ទៅ .NET 8.0.0 ខែធ្នូឆ្នាំមុនខ្ញុំបានទទួលបានសៀវភៅអំពីការផ្លាស់ប្តូរដែលមានប្រសិទ្ធិភាព។ ខ្ញុំបានចំណាយពេលវេលាមួយដើម្បីផ្លាស់ប្តូរកម្មវិធីទំហំខ្ពស់។ នៅពេលដែល React បានផ្លាស់ប្តូរពីឧបករណ៍កម្រិតខ្ពស់ទៅនឹងការកាត់បន្ថយសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈសម្ភារៈ។ Real-World Advantages Code Sharing is Trivial Got validation logic? Write it once in a shared library. // Shared.Validation/OrderValidator.cs public class OrderValidator : AbstractValidator { public OrderValidator() { RuleFor(x => x.Items).NotEmpty(); RuleFor(x => x.Total).GreaterThan(0); RuleFor(x => x.ShippingAddress).NotNull(); } }

// Use in Blazor component // Use in API controller // Use in background service // Same validation, everywhere The Component Model is Familiar If you know Razor syntax from MVC or Razor Pages, Blazor components will feel natural. The learning curve for .NET developers is measured in days, not months. // Component with parameters - looks like any other C# class @code { [Parameter] public Order Order { get; set; } = default!;

[Parameter] public EventCallback OnOrderUpdated { get; set; }

[CascadingParameter] public UserContext? User { get; set; } } Performance Has Improved Dramatically Early Blazor WebAssembly had legitimate performance concerns. Those days are largely behind us-each .NET release has brought major improvements. .NET 8 introduced: : Partial JIT compilation in the browser, replacing slow interpreter bytecodes with optimized WebAssembly Jiterpreter : WebAssembly Single Instruction, Multiple Data for vectorized computations SIMD by default ការកំណត់ AOT: ការកំណត់ C# ដោយផ្ទាល់ទៅ WebAssembly សម្រាប់ការអនុវត្តទូទៅនៅលើការងារដែលមានទំហំ CPU .NET 9 added: : Removes IL after AOT compilation, significantly reducing bundle size WasmStripILAfterAOT : Better assembly deferral for faster initial loads Improved lazy loading : Enabled by default for Interactive Server components WebSocket compression .NET 10 delivers: : Static assets preloaded via Link headers before the page renders Framework asset preloading ការរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀបរៀប : New diagnostic tools for WebAssembly apps Performance profiling counters ការកាត់បន្ថយម៉ាស៊ីនកិនម៉ាស៊ីនកិនដោយស្វ័យប្រវត្តិ: ការគ្រប់គ្រងម៉ាស៊ីនកិនល្អប្រសើរជាងមុននៅក្នុងកម្មវិធីរយៈពេលវែង ដូច្នេះ: Static SSR ខ្ពស់ជាង React នៅលើផ្ទុកដំបូងដោយសារតែអ្នកកំពុងផ្គត់ផ្គង់ HTML pre-rendered ជាមួយនឹងការកាត់បន្ថយការកាត់បន្ថយ JavaScript ដោយឥតគិតថ្លៃ។ ការកំណត់ AOT បានធ្វើឱ្យកម្មវិធី WebAssembly មានល្បឿនច្បាស់លាស់។ អ្នកកំពុងជ្រើសរើសរបៀបដែលត្រឹមត្រូវសម្រាប់ទំព័រទាំងអស់។ Blazor's Rapid Evolution: .NET 8, 9, and 10 One thing that impressed me about Blazor is how aggressively Microsoft has been improving it. This isn't a side project-it's a first-class citizen in the .NET ecosystem. ប្រព័ន្ធ ប្រតិបត្តិការ .NET 8: The "Blazor United" Revolution ប្រព័ន្ធ ប្រតិបត្តិការ .NET 8 បានផ្លាស់ប្តូរវិធីធ្វើការ Blazor ជាមួយនឹងការបង្កើត មុនពេល .NET 8 អ្នកត្រូវជ្រើសរើស: Blazor Server Blazor WebAssembly. Now you can mix and match per-component. unified rendering modes or changed everything. Your components render as plain HTML on the server. No SignalR connection, no WebAssembly download. Just fast, SEO-friendly HTML. Static Server-Side Rendering (SSR) // A static SSR page - renders as pure HTML @page "/about" @attribute [StreamRendering]

About Us

About Our Company This renders as static HTML. Search engines love it.

The new Blazor Web App template defaults to SSR, with interactivity as an opt-in enhancement. This is a fundamental shift in philosophy-you start with the fastest, most SEO-friendly option and add interactivity only where needed. ប្រព័ន្ធប្រតិបត្តិការ .NET 9: Mixing Modes with Precision doubled down on flexibility. The new attribute lets you mark specific pages that ការប្រើប្រាស់ SSR ដែលមានប្រសិទ្ធិភាពសម្រាប់ទំព័រដែលផ្អែកលើ cookies HTTP ឬគម្រោង / ការឆ្លើយតប។ ហ្វេសប៊ុក [ExcludeFromInteractiveRouting] សត្វ @page "/privacy-settings" @attribute [ExcludeFromInteractiveRouting]

// This page always renders statically, even in an otherwise interactive app Other .NET 9 improvements: enabled by default for Interactive Server components WebSocket compression at runtime via the new RendererInfo API Render mode detection ការគ្រប់គ្រងការចែកចាយបន្ថយសម្រាប់កម្មវិធី Blazor Server ប្រព័ន្ធប្រតិបត្តិការ .NET 10: Performance និង Polish shipped with significant Blazor improvements: .NET 10 : The Blazor script is now served as a static web asset with automatic compression and fingerprinting, significantly reducing payload size and improving caching. Blazor script optimization : The new ការផ្លាស់ប្តូរទិន្នន័យរវាងការបង្ហាញមុននិងការបង្ហាញអេឡិចត្រូនិចគឺមានភាពងាយស្រួល: Persistent component state [PersistentState] @code { [PersistentState] public List ? Movies { get; set; }

protected override async Task OnInitializedAsync() { // State is automatically restored from prerendering Movies ??= await MovieService.GetMoviesAsync(); } } នេះ : now works seamlessly across all render modes. New project templates include a default page. Better 404 handling NavigationManager.NotFound() NotFound.razor : Server circuits now expose traces as top-level activities, making observability in Application Insights much cleaner. Improved diagnostics The trajectory is clear: Blazor is getting faster, more flexible, and more production-ready with every release. When React Still Makes Sense I'm not here to tell you React is bad. It's not. Pick React if your team already thinks in JavaScript and nobody wants to learn C#. Pick it if you need some niche npm component that doesn't exist in the Blazor ecosystem (there are still gaps). Pick it for a quick startup MVP where you'll probably throw away the code in six months anyway. React's ecosystem is massive. If you need an obscure charting library or a drag-and-drop grid that does exactly one weird thing, someone's probably built it. That's genuinely valuable. But if you're a .NET shop building internal tools, line-of-business apps, or anything that needs to run for more than three years? Blazor is worth a serious look. Getting Started with Blazor If you're curious, here's the quickest path to a running Blazor app: # Create a new Blazor Web App (.NET 8+) dotnet new blazor -o MyBlazorApp cd MyBlazorApp dotnet run That's it. No that spins for three minutes downloading half the internet. No ប្រព័ន្ធ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ប្រតិបត្តិការ ឬ to fight with. npm install node_modules .babelrc webpack.config.js The is comprehensive and actually well-written. Microsoft's docs have come a long way since the MSDN days. official Blazor documentation FAQ: Common Concerns About Blazor I've heard every objection in the Blazor vs React debate. Some are valid. Most aren't. Is Blazor WebAssembly bundle size too large? In 2020? Yeah, it was rough. First load could hit 2-3MB. Now? .NET 8+ changed the math: AOT compilation shrinks the runtime significantly កូដ កូដ កូដ កូដ កូដ កូដ កូដ កូដ កូដ Lazy loading defers non-critical assemblies .NET 10 adds automatic compression and fingerprinting But honestly, the smarter answer is: don't ship WebAssembly to everyone. Use Static SSR for landing pages (zero WASM). Use Interactive Server for authenticated sections. Save WebAssembly for offline scenarios or heavy client-side computation. You pick per-page now. អ្នកអភិវឌ្ឍន៍ JavaScript មានភាពងាយស្រួលក្នុងការកំសាន្តជាងអ្នកអភិវឌ្ឍន៍ Blazor? Depends what you're actually hiring for. អ្នកផ្គត់ផ្គង់ C# ដែលមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈមានជំនាញវិជ្ជាជីវៈ hook, and whichever meta-framework your team picked. use ការបណ្តុះបណ្តាល .NET មានសមត្ថភាពធំទូលំទូលាយនិងមានស្ថេរភាពនិងមានសមត្ថភាពពេញលេញ។ អ្នកអភិវឌ្ឍន៍ backend របស់អ្នកអាចពិនិត្យឡើងវិញ PRs frontend ដោយគ្មានការផ្លាស់ប្តូរភាសាប្រព័ន្ធផ្សព្វផ្សាយ។ Does React have more third-party components than Blazor? Yes. Full stop. But quantity isn't quality. For every polished React component library, there are dozens of abandoned packages with security holes, incompatible peer dependencies, and READMEs that say "TODO: add documentation." ប្រព័ន្ធអ៊ីនធឺណិតរបស់ Blazor គឺមានទំហំទូលំទូលំទូលាយជាងមុនប៉ុន្តែអ្នកមិនបានកាត់បន្ថយ npm ជាមួយនឹងការជឿថាកញ្ចប់ដែលអ្នកបានរកឃើញក៏ត្រូវបានរក្សាទុក។ សម្ភារៈរចនាសម្ព័ន្ធដោយឥតគិតថ្លៃនិងអ្នកគ្រប់គ្រងពិតប្រាកដឆ្លើយតបទៅនឹងបញ្ហានេះ។ និង អ្នកទាំងពីរផ្តល់អនុញ្ញាតសង្គមដោយឥតគិតថ្លៃប្រសិនបើអ្នកត្រូវការច្រើនទៀត។ រោងចក្រអាជីវកម្មជាធម្មតាចូលទៅ សម្រាប់ការគាំទ្រ។ MudBlazor Radzen Syncfusion Telerik And when you absolutely need a JavaScript library? lets you interop cleanly: IJSRuntime @inject IJSRuntime JS

@code { private async Task InitializeChart() { await JS.InvokeVoidAsync("Chart.bindings.init", chartElement, chartData); } } អ្នកមិនត្រូវបានកាត់បន្ថយពីឧស្ម័ន JavaScript ។ អ្នកមិន នៅទីនេះ depend Is Blazor good for SEO? Static SSR renders pure HTML. Google sees it, indexes it, done. Same as Next.js SSR but in C#. This objection made sense in 2020 when Blazor was WebAssembly-only. It hasn't been true for years. Can Blazor be used for mobile apps? Blazor Hybrid exists. Write your components once, run them in MAUI (iOS/Android/Windows/macOS), WPF, or even Windows Forms. សម្ភារៈ C# ដែលដូចគ្នា, សម្ភារៈ app native. Not quite "writ once, run anywhere" but close enough for most use cases. តើ Blazor ឧបករណ៍ដូចជា VS Code ជាមួយ React? ខ្ញុំនឹងនិយាយថាវាគឺជាការល្អបំផុតប៉ុន្តែវាគឺជាការគួរឱ្យចាប់អារម្មណ៍។ Visual Studio with Blazor: actual debugging with breakpoints and step-through, IntelliSense that understands your whole codebase, refactoring that works across components and services, Hot Reload that mostly works, integrated testing and profiling. VS Code with React: syntax highlighting, IntelliSense that works if TypeScript is configured right, hoping your is correct, browser extensions that may or may not conflict with each other. launch.json ការដោះស្រាយតែមួយគត់បានលក់ខ្ញុំ។ ការកំណត់ផែនការនៅក្នុងផ្នែក Blazor និងដោះស្រាយទៅនឹងទិន្នន័យ, នៅក្នុង IDE មួយ, ក្នុងភាសាមួយ? វាជាការងាយស្រួលតែមួយ។ Does Blazor create Microsoft vendor lock-in? ប្រព័ន្ធ ប្រតិបត្តិការ .NET គឺជាប្រព័ន្ធ ប្រតិបត្តិការ open source ។ Blazor គឺជាប្រព័ន្ធ ប្រតិបត្តិការ open source ។ អ្នកអាចដំណើរការវានៅលើ Linux, នៅក្នុង Docker, នៅលើ AWS, នៅលើ Azure, នៅគ្រប់ទីកន្លែង។ តើមានប្រសិទ្ធិភាពប្រព័ន្ធអ៊ីនធឺណិតទៅនឹង Azure? ជាការពិតទេប៉ុន្តែខ្ញុំបានដំឡើងកម្មវិធី Blazor ទៅលើ AWS, DigitalOcean និងបណ្តាញប្លាស្ទិចដោយគ្មានបញ្ហា។ ការប្រៀបធៀបនេះទៅនឹង React ដែលជាប្រព័ន្ធបច្ចេកទេសដែលមានគោលបំណងអ៊ីនធឺណិតប៉ុន្តែជាការត្រួតពិនិត្យដោយគោលបំណងរបស់ Meta ។ នៅពេលដែលហ្វេសប៊ុកបានជ្រើសរើសឧបករណ៍ជារៀងរាល់ប្រព័ន្ធអ៊ីនធឺណិតទាំងអស់បានកាត់បន្ថយ។ នៅពេលដែលពួកគេបានផ្លាស់ប្តូរឧបករណ៍ Server Components ទាំងអស់បានកាត់បន្ថយ។ At least Microsoft publishes a roadmap. Does Blazor Hot Reload work properly? It was rough in .NET 5. By .NET 8 it was usable. . Edit a សៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅសៀវភៅ កុំព្យូទ័រ .NET 10 ឥឡូវនេះបានធ្វើបានល្អ .razor តើវាបានឆាប់រហ័សដូចជា Vite? មិនមែនទេវាបានឆាប់រហ័សយ៉ាងណាក៏ដោយខ្ញុំមិនគិតអំពីវាទេ? Final Thoughts Switching to Blazor hasn't solved all my problems. I still write bugs. I still make architecture mistakes. I still occasionally spend too long debugging something that turns out to be a typo. But I've stopped spending mental energy on which state management library is "correct" this month. I don't wonder whether my TypeScript types match runtime data anymore (spoiler: they often didn't). I'm not updating seventeen npm packages every time Dependabot yells at me. ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ប្រព័ន្ធផ្សព្វផ្សាយមួយ។ ទោះជាយ៉ាងណាក៏ដោយប្រសិនបើអ្នកជាអ្នកអភិវឌ្ឍន៍ .NET ដែលបានមើលឃើញ ជាមួយនឹងការបាត់បង់អស្ចារ្យ-Blazor អាចមានតម្លៃមួយថ្ងៃបន្ទាប់ពីពេលរបស់អ្នក។ package.json What's Next? ប្រសិនបើអ្នកចង់ធ្វើការ: . That's the whole setup. dotnet new blazor -o MyFirstBlazorApp && cd MyFirstBlazorApp && dotnet run ក្រុមហ៊ុន Microsoft វាមានការរឹងមាំនិង វាគឺជាផ្នែកមួយនៃការបច្ចេកវិទ្យា subreddits ដែលខ្ញុំបានរកឃើញ។ Blazor tutorials r/Blazor Questions? Drop a comment or find me on social. I like talking about this stuff. Sources: លទ្ធផល : សកម្មភាពនិងសហគមន៍ក្នុងឆ្នាំ 2025 If Not React, Then What? Why the Latest JavaScript Frameworks Are a Waste of Time តើ Blazor គឺល្អជាង JavaScript? Blazor vs React: ការប្រៀបធៀបពេញលេញ Debug ASP.NET Core Blazor Apps - Microsoft Learn Blazor នៅក្នុង .NET 8: Server-side និង Streaming Rendering លក្ខណៈពិសេសនៃការចែកចាយ Server-Side Rendering នៅក្នុង Blazor អ្វីដែលមានថ្មីនៅក្នុង .NET 10 - Microsoft Learn អ្វីដែលមានថ្មីនៅក្នុង ASP.NET Core នៅក្នុង .NET 10 - Microsoft Learn npm Supply Chain Attack - Palo Alto Networks Shai-Hulud 2.0 Supply Chain Attack - កុំព្យូទ័រ npm left-pad Incident - សាកលវិទ្យាល័យវេជ្ជសាស្ត្រ លក្ខណៈពិសេសនៃ Malicious Package - Snyk The "Everything" Package Chaos - កុំព្យូទ័រ About the Author ខ្ញុំជាអ្នករចនាសម្ព័ន្ធប្រព័ន្ធដែលមានជំនាញវិជ្ជាជីវៈអំពីប្រព័ន្ធផ្លាស់ប្តូរ, លេខកូដសម្គាល់ .NET, ការត្រួតពិនិត្យ, ការអនុវត្តនិងការត្រួតពិនិត្យផលិតកម្ម។ ខ្ញុំមានការចែកចាយទូទៅ folders more times than I'd like to admit. node_modules LinkedIn: Connect with me GitHub: mashrulhaque Twitter/X: @mashrulthunder