MAUI Blazor - One App that runs everywhere

•Download as PPTX, PDF•

1 like•424 views

Jose Javier Columbie

XamExpertday

Technology

@jjcolumbie
jjcolumb
josejaviercolumbie
Jose Javier Columbie
DevExpress and Microsoft MVP
MAUI Blazor - One App
that runs everywhere

MAUI (Evolution of Xamarin Forms)
WEB
Ooui Web Head
WebAssembly
renderers for
Xamarin.Forms with
Uno Platform

Reusable Components
1. Blazor is based on
Reusable Components
(Web Forms
Replacement 🤯)
2. Composition of
Components. Parent
and childs.
3. Razor Libraries
4. Templates

Javascript Interop
A Blazor app can invoke JavaScript functions from .NET
methods and .NET methods from JavaScript functions.

Future of Blazor
1. Server
2. Client
3. PWA. Offline support. Home
screen and taskbar. Push
Notifications
4. .Net renders to
Electron/WebView.
5. Mobile

Blazor WebAssembly - Mobile
PWA 1. Offline capabilities.
2. Home screen and taskbar.
3. Push Notifications

Blazor WebAssembly - Mobile
BlazorMobile - embedding a Blazor web application as a standalone
mobile application, hosted in Xamarin
https://github.com/Daddoon/BlazorMobile

Experimental Mobile Blazor Bindings
1. Blazor - Web
2. Same component (UI) in
mobile and desktop
3. Native Access to the device
4. Hybrid - web and native UI

1. Web Content in the same process as the rest
of the app (no web server)
2. No remoting between AppDomains
3. Visual Studio
4. Everywhere MAUI runs
5. How complete is it?
MAUI BLAZOR

.NET 6 - Blazor
• Hot reload for Blazor
• AOT Compilation
• Target and deploy to desktop platforms.
• Support custom event args in Blazor
• Required parameters to Blazor components
• Expose location changing event for
NavigationManager
• Dynamically rendered components
• Update Blazor head components
• Improve SVG support in Blazor
• Drag & Drop
😀😀😀

.NET 6 - Multi-platform App UI (MAUI)
• NET 6 – November 2021
HTML
vs
XAML

FREE .NET MAUI Data Editors from DevExpress

What's hot

Building Web Apps with WebAssembly and BlazorAmir Zuker

Docker Architecture (v1.3)rajdeep

Docker introductiondotCloud

Introduction to Docker - VIT CampusAjeet Singh Raina

.Net framework vs .net core a complete comparisonKaty Slemon

CI-CD Jenkins, GitHub Actions, Tekton Araf Karsh Hamid

Learn Entity Framework in a day with Code First, Model First and Database FirstJibran Rasheed Khan

Introduction to androidzeelpatel0504

Introduction to React NativeSambhu Lakshmanan

Jetpack Navigation ComponentJames Shvarts

IT Infrastructure Automation with AnsibleDio Pratama

Fuchsia operating system by google documentPRUTHVI RAJ BANDA

Android application development pptGautam Kumar

Android Navigation ComponentŁukasz Ciupa

Entity relationship Diagram for Online buy and Sale ProjectNaimul Arif

Basic Concept of Node.js & NPMBhargav Anadkat

Docker Explained | What Is A Docker Container? | Docker Simplified | Docker T...Edureka!

Dockers and kubernetesDr Ganesh Iyer

Quick introduction to KubernetesEduardo Garcia Moyano

Containers Docker Kind Kubernetes IstioAraf Karsh Hamid

What's hot (20)

Building Web Apps with WebAssembly and Blazor

Docker Architecture (v1.3)

Docker introduction

Introduction to Docker - VIT Campus

.Net framework vs .net core a complete comparison

CI-CD Jenkins, GitHub Actions, Tekton

Learn Entity Framework in a day with Code First, Model First and Database First

Introduction to android

Introduction to React Native

Jetpack Navigation Component

IT Infrastructure Automation with Ansible

Fuchsia operating system by google document

Android application development ppt

Android Navigation Component

Entity relationship Diagram for Online buy and Sale Project

Basic Concept of Node.js & NPM

Docker Explained | What Is A Docker Container? | Docker Simplified | Docker T...

Dockers and kubernetes

Quick introduction to Kubernetes

Containers Docker Kind Kubernetes Istio

Similar to MAUI Blazor - One App that runs everywhere

Codegen2021 blazor mobileJose Javier Columbie

Blazor ComponentsJose Javier Columbie

A Gentle Introduction to BlazorJose Javier Columbie

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino

Build 2017 - B8099 - What's new in Xamarin.FormsWindows Developer

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez

DDive- Giuseppe Grasso - mobile su LotusDominopoint - Italian Lotus User Group

Asp.net mvc - Better User Experience with Kendo UILohith Goudagere Nagaraj

Bruce lawson-over-the-airbrucelawson

Modern JavaScript Frameworks: Angular, React & Vue.jsJonas Bandi

Meteor Mobile App DevelopmentSanjay Kumar

Why xamarin forms is awesomeCharlin Agramonte

Microservice pitfalls Mite Mitreski

Xamarin COE by Mukteswar PatnaikMukteswar Patnaik

Real World Lessons in jQuery MobileKai Koenig

Sap mobility trainingSAPMobilityTraining

Top mobile app development frameworks to consider in 2021Katy Slemon

MyMobileWeb Certification Part Icrdlc

Seven Versions of One Web ApplicationYakov Fain

Similar to MAUI Blazor - One App that runs everywhere (20)

Codegen2021 blazor mobile

Blazor Components

A Gentle Introduction to Blazor

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife

Build 2017 - B8099 - What's new in Xamarin.Forms

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile

DDive- Giuseppe Grasso - mobile su Lotus

Asp.net mvc - Better User Experience with Kendo UI

Bruce lawson-over-the-air

Modern JavaScript Frameworks: Angular, React & Vue.js

Meteor Mobile App Development

Why xamarin forms is awesome

Microservice pitfalls

Xamarin COE by Mukteswar Patnaik

Real World Lessons in jQuery Mobile

Sap mobility training

Top mobile app development frameworks to consider in 2021

MyMobileWeb Certification Part I

Seven Versions of One Web Application

Recently uploaded

Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group

How to Remove Document Management Hurdles with X-Docs?XfilesPro

AI as an Interface for Commercial BuildingsMemoori

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

How to convert PDF to text with Nanonetsnaman860154

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community

Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

Slack Application Development 101 Slidespraypatel2

Recently uploaded (20)

Next-generation AAM aircraft unveiled by Supernal, S-A2

How to Remove Document Management Hurdles with X-Docs?

AI as an Interface for Commercial Buildings

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

08448380779 Call Girls In Friends Colony Women Seeking Men

Breaking the Kubernetes Kill Chain: Host Path Mount

SQL Database Design For Developers at php[tek] 2024

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...

Injustice - Developers Among Us (SciFiDevCon 2024)

How to convert PDF to text with Nanonets

IAC 2024 - IA Fast Track to Search Focused AI Solutions

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

My Hashitalk Indonesia April 2024 Presentation

Swan(sea) Song – personal research during my six years at Swansea ... and bey...

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx

Maximizing Board Effectiveness 2024 Webinar.pptx

08448380779 Call Girls In Civil Lines Women Seeking Men

Slack Application Development 101 Slides

MAUI Blazor - One App that runs everywhere

1. #netcoreconf

2. @jjcolumbie jjcolumb josejaviercolumbie Jose Javier Columbie DevExpress and Microsoft MVP MAUI Blazor - One App that runs everywhere

3. .NET and Mobile

4. .NET and Mobile

5. MAUI (Evolution of Xamarin Forms) WEB Ooui Web Head WebAssembly renderers for Xamarin.Forms with Uno Platform

6. Blazor Interactive web UI with C#

7. Blazor Server vs Blazor WebAssembly

8. Reusable Components 1. Blazor is based on Reusable Components (Web Forms Replacement 🤯) 2. Composition of Components. Parent and childs. 3. Razor Libraries 4. Templates

9. Reusable Components

10. Javascript Interop A Blazor app can invoke JavaScript functions from .NET methods and .NET methods from JavaScript functions.

11. Future of Blazor 1. Server 2. Client 3. PWA. Offline support. Home screen and taskbar. Push Notifications 4. .Net renders to Electron/WebView. 5. Mobile

12. Blazor and Mobile

13. Blazor Server - Mobile

14. Blazor Server - Mobile

15. Blazor WebAssembly - Mobile PWA 1. Offline capabilities. 2. Home screen and taskbar. 3. Push Notifications

16. Blazor WebAssembly - Mobile BlazorMobile - embedding a Blazor web application as a standalone mobile application, hosted in Xamarin https://github.com/Daddoon/BlazorMobile

17. Blazor - Desktop - Electron

18. Experimental Mobile Blazor Bindings 1. Blazor - Web 2. Same component (UI) in mobile and desktop 3. Native Access to the device 4. Hybrid - web and native UI

19. MAUI BLAZOR

20. MAUI BLAZOR HOW DO I START?

21. DEMO MAUI BLAZOR

22. 1. Web Content in the same process as the rest of the app (no web server) 2. No remoting between AppDomains 3. Visual Studio 4. Everywhere MAUI runs 5. How complete is it? MAUI BLAZOR

23. .NET 6 - Blazor • Hot reload for Blazor • AOT Compilation • Target and deploy to desktop platforms. • Support custom event args in Blazor • Required parameters to Blazor components • Expose location changing event for NavigationManager • Dynamically rendered components • Update Blazor head components • Improve SVG support in Blazor • Drag & Drop 😀😀😀

24. .NET 6 - Multi-platform App UI (MAUI) • NET 6 – November 2021 HTML vs XAML

25. FREE .NET MAUI Data Editors from DevExpress

26. THANK YOU @jjcolumbie Questions?

MAUI Blazor - One App that runs everywhere

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to MAUI Blazor - One App that runs everywhere

Similar to MAUI Blazor - One App that runs everywhere (20)

More from Jose Javier Columbie

More from Jose Javier Columbie (6)

Recently uploaded

Recently uploaded (20)

MAUI Blazor - One App that runs everywhere