1. Blazor
C# in the Browser
Derek Comartin
@codeopinion
codeopinion.com

2. WebAssembly
WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications.

3. https://daveaglick.com/posts/blazor-razor-webassembly-and-mono

4. Mono
“Mono C runtime into web assembly, and then uses Mono’s IL interpreter to run managed code.”
Miguel de Icaza – Aug 9, 2017

5. https://daveaglick.com/posts/blazor-razor-webassembly-and-mono

7. .NET Standard

8. What’s in the box? Component Model Routing Layouts
Forms and Validation
Dependency Injection
Javascript Interop

9. Lifecycle
OnInit Ready to start after receiving parameters from the parent in the render tree. OnParametersSet Invoked when component receives params from the parent in the render tree. ShouldRender Suppress refreshing the UI.

10. One Way
Data Binding

11. Two Way
Data Binding

12. Event Binding
onclick & onchange

13. Routing
Client Side

14. Component
Properties

15. Component
Usage

16. Javascript Interop
C# calling Javascript

17. Dependency Injection

18. Dependency Injection

19. That’s it…
Thanks!
Derek Comartin
@codeopinion
codeopinion.com