This document introduces Blazor Hybrid and provides an overview of its key features: 1. Blazor Hybrid allows developers to create multi-platform applications that can run on web, iOS, Android, macOS and Windows using .NET MAUI. 2. It works with Blazor to build solutions containing both web and mobile applications that can share common code components. 3. Applications for macOS created with .NET MAUI and Blazor Hybrid use Mac Catalyst to compile the iOS app with UIKit and extend it with additional platform APIs for the desktop environment.

1. Introduction to
Blazor Hybrid

2. Developer Presentation Template
Hello, I AM
MIGUEL TEHERAN
Developer and consultant
Microsoft MVP
C# Corner MVP
Alibaba cloud MVP
You can find me at:
Mteheran
Mteheran.dev

3. Developer Presentation Template
Blazor for
web
applications
01. Framework to create
web applications
02. Free and Open Source
03. Cross Platform
04. Extension of ASP.NET
05. C#, HTML and CSS
06. Base on components
07. Server and WebAssembly

4. Blazor Time Line
Preview .NET 3.1 .NET 5 .NET 6
•Web Assembly
•Blazor Server
•SPA application
•Visual Studio
Support
•Mono
•.NET core
integration
•Share
component
•.NET Standard
•CSS Isolation
•Virtualization
•Web SDK
•Wasm size
improved
•Lazy loading
•Hot reload
•Required
parameters
•AOT compilation
•Error boundaries
•Components for
react.js and
2018
.NET 7
•Hot reload
improved
•.NET MAUI -
Blazor Hybrid
•Inject services
into custom
validation
attributes
2019 2020 2022
2021

5. Blazor Time Line
.NET 8 Future .NET 5 .NET 6
•Blazor united
or Blazor
WebApp
•Application
sections
• More
integration
with other
technologies
• Visual Code
design
preview
2023 Future

6. Developer Presentation Template
Blazor
hybrid
01. Multi-platform
framework
02. Free and Open Source
03. Cross Platform
04. Works with .NET MAUI
05. Solution with Blazor
06. iOS, Android, MacOs y
Windows

7. Demo

8. Developer Presentation Template
Benefits of
using Blazor
Hybrid
01. Easy to learn
02. Use standard
technologies (CSS, HTML)
03. Can reuse components
for web apps
06. iOS, Android, MacOs y
Windows

9. Demo
Ant design

10. Developer Presentation Template
.NET MAUI
para MacOS
Las aplicaciones macOS creadas con .NET MAUI usan
Mac Catalyst, una solución de Apple que lleva la
aplicación iOS compilada con UIKit al escritorio y la
aumenta con api de plataforma y AppKit adicionales
según sea necesario.

11. Requerimientos para crear
aplicaciones MacOS con Blazor
● xCode
● .NET 7
● (opcional) Visual Studio for Mac Preview 17.x >
● (Blazor) macOS 11 o superior, con Mac
Catalyst.

12. Usando Visual Studio

13. Blazor Hybrid
works with
WPF or UWP

14. Thank You
mteheran.dev