Utilizing JavaScript in Blazor Web Apps скачать в хорошем качестве

Utilizing JavaScript in Blazor Web Apps

In this session, McKinnon Buck from the Blazor team at Microsoft explores JavaScript integration in Blazor applications. Learn how Blazor SSR interacts with JavaScript, how to avoid common pitfalls, and when JavaScript is necessary for Blazor development. Presented by McKinnon Buck Timestamps below ⬇️ 🔹 Topics Covered: – Why JavaScript is still relevant in Blazor development – Blazor SSR vs. Interactive Rendering with JavaScript – Enhanced Navigation and JavaScript event handling – Best practices for managing JavaScript in Blazor apps – Using MutationObserver for DOM updates – Custom Elements for JavaScript integration in Blazor – Blazor Page Script for optimized script loading – Handling JavaScript event listeners effectively in Blazor 0:00 - Intro 1:01 - Why Use JavaScript in Blazor? 2:20 - Static vs. Interactive Rendering in Blazor 2:34 - Challenges of JavaScript Integration with Blazor SSR 5:05 - When to Use JavaScript in Blazor Applications 7:18 - How JavaScript Behaves Differently in Enhanced Navigation 8:01 - Static vs. Interactive Rendering in Blazor 12:04 - Implementing a Custom Element for JavaScript 15:23 - Understanding Blazor SSR Limitations with JavaScript 18:45 - Dynamically Adding JavaScript to Blazor Pages 20:46 - Problems with Dynamically Added Script Tags 23:34 - Using Custom Elements for JavaScript in Blazor 26:02 - Using Page Script Elements for Modular JavaScript 30:01 - Demo: Implementing a Custom Element for JavaScript 35:02 - Best Practices for JavaScript Event Handling in Blazor 39:08 - Using MutationObserver for Detecting Blazor DOM Changes 41:50 - Optimizing JavaScript for Blazor Performance 44:32 - Advanced Blazor-JavaScript Interop Techniques 50:04 - Final Thoughts and Q&A