Blazor - The New Silverlight?
3 likes•847 views
The document discusses Blazor, a framework allowing .NET code execution in modern browsers without plug-ins, leveraging WebAssembly for better performance and portability. It includes an overview of WebAssembly's design goals, Blazor's capabilities such as dependency injection and Razor components, and compares it with Silverlight. The document also emphasizes the potential for various applications and encourages experimentation with the Blazor preview in Visual Studio 2019.
Blazor - The New Silverlight?
- 1. Blazor – The New Silverlight? #THRIVEITCONF
- 2. Agenda Intro to WebAssembly Intro to Blazor Creating a Blazor Component
- 3. Christian Nagel • Independent Consultant • Training • Coaching • Coding • Writing csharp.christiannagel.com www.cninnovation.com @christiannagel Microsoft MVP
- 4. What is Silverlight? • Write .NET Source Code • Runs in a few browsers • Runs on some platforms • Requires Browser-Plug-Ins
- 7. RUN BINARY CODE IN THE BROWSER
- 8. WebAssembly • Wasm Bytecode • Sandboxed environment • Part of the Open Web Platform • https://www.w3.org/TR/wasm-core-1/
- 9. WASM 1.0 vs .NET IL • Simpler • Linear memory • No GC • Can't access DOM • JavaScript Interop • MVP (Minimum Viable Product)
- 11. WebAssembly Design Goals Fast Safe Portable • near native code performance • validated, memory-safe, sandboxed • Hardware-independent • Language-independent • Platform-independent
- 12. • Image/Video edit • Games • Peer-to-peer apps • Music apps • CAD apps • Local web server • Fat clients • Language interpreters, virtual machines Use Cases
- 13. WASM after MVP – In-Progress • Threads • Exception Handling • Garbage Collection • Reference DOM directly • Bulk Memory Operations
- 15. INTRO TO BLAZOR
- 16. Demo Razor Pages Visual Studio Templates Mono Runtime Dependency Injection
- 17. Runtime • Mono runtime built with Wasm • Interpreter, JIT, AOT
- 18. Dependency Injection • Framework • Using Microsoft.Extensions.DependencyInjection • BlazorWebAssemblyHost • Registers core services • @inject • Inject services into components
- 19. Razor Pages • Blazor UI based on Razor Pages • Razor Pages are new since .NET Core 2.0 • @page directive for routing • Layouts derive from BlazorLayoutComponent
- 22. Razor Components • Use it from other components • Like HTML Elements #ThriveITConf
- 23. Demo Use a Component Razor Page Inject HttpClient JSON Extensions Binding
- 24. What is Silverlight? • Write .NET Source Code • Runs in a few browsers • Runs on some platforms • Requires Browser-Plug-Ins
- 25. • Write .NET Source Code • Runs in a few browsers • Runs on some platforms • Requires Browser-Plug-Ins • Write .NET Source Code • Runs in all modern browsers • Runs on many platforms • No Plug-In required What is Silverlight? What is Blazor?
- 26. Hosting • Blazor can be hosted in Azure Storage • Azure Functions for the API Backend #ThriveITConf
- 27. What's released first? • Razor Components • Part of ASP.NET Core 3.0 #ThriveITConf
- 28. .NET WebAssembly Alternatives • Blazor • Browser & Razor • https://blazor.net • Ooui • Xamarin.Forms running in WebAssembly • https://github.com/praeclarum/Ooui/wiki/Xamarin.Forms-with-Web-Assembly • Uno Platform • UWP running in WebAssembly • https://platform.uno/ #ThriveITConf
- 29. Summary • WebAssembly is at the beginning • Blazor allows writing .NET Code for the client • Blazor supports all modern browsers • Use your ASP.NET Core knowledge
- 30. • It's early! • Try it out • Visual Studio 2019 Preview • .NET Core 2.1 • Blazor Preview • https://blazor.net • https://learn-blazor.com • https://github.com/aspnet/AspNetC ore/tree/master/src/Components • https://csharp.christiannagel.com • https://github.com/cninnovation/thr iveconf For Action
- 31. Questions?
- 32. #ThriveITConf