Download as PDF, PPTX
Uploaded byChristian Nagel
Blazor - The New Silverlight?
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.
More Related Content
Similar to Blazor - The New Silverlight?
Blazor - The New Silverlight?
- 1. Blazor – TheNew Silverlight? #THRIVEITCONF
- 2. Agenda Intro to WebAssembly Intro toBlazor Creating a Blazor Component
- 3. Christian Nagel • IndependentConsultant • 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
- 6.
- 7. RUN BINARY CODE INTHE 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)
- 10.
- 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.
- 16. Demo Razor Pages Visual Studio Templates MonoRuntime Dependency Injection
- 17. Runtime • Mono runtimebuilt 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 • BlazorUI based on Razor Pages • Razor Pages are new since .NET Core 2.0 • @page directive for routing • Layouts derive from BlazorLayoutComponent
- 21.
- 22. Razor Components • Useit from other components • Like HTML Elements #ThriveITConf
- 23. Demo Use a Component RazorPage 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 .NETSource 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 canbe 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 isat 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.
- 32.
- 33.