.NET Day 2023: Writing hybrid .NET MAUI Blazor apps

@mallibone Writing hybrid .NET MAUI Blazor apps Mark Allibone Rey
Technology

Hello my name is Mark Mark Allibone Rey Technology @mallibone
https://mallibone.com https://nullpointers.io

@mallibone

@mallibone This Photo by Unknown Author is licensed under CC
BY-SA-NC

@mallibone • Serverside and Clientside Rendering • Webassembly ready out
of the Box • Razor Syntax HTML with C# sprinkles • Debug & Hot Reload experience Blazor in a Nutshell

@mallibone Photo by Anna Nekrashevich

@mallibone Photo by Image Hunter

@mallibone Photo by T Leish

@mallibone Before you marry a person, you should first make
them use a computer with slow Internet to see who they really are. Will Ferrell This Photo by Unknown Author is licensed under CC BY-SA

@mallibone <html> … </html> App aka WebView Host

@mallibone <html> … </html>

@mallibone

@mallibone • Mobile and Desktop apps • Native controls •
XAML/C# UI with C# for Logic • Debug & Hot Reload experience .NET MAUI in a Nutshell

@mallibone <html> … </html>

@mallibone

@mallibone Dive into the Experience

@mallibone

@mallibone BlazorWebView write your UI using Razor Embed and host
Blazor websites in your app Share state between your Blazor and .NET MAUI Demo Review

@mallibone macOS

@mallibone Visual Studio Code

@mallibone ”We have this super duper Thing in the web,
would be great to have it on mobile”

@mallibone Blazor Web

@mallibone Component Library

@mallibone

@mallibone .NET MAUI Architecture

@mallibone .NET MAUI XAML Blazor .NET MAUI MauiReactor .NET MAUI
C# .NET MAUI iOS Android Windows macOS Linux? UI Framework Framework Platform .NET MAUI Architecture Tizen

@mallibone App Deployment This Photo by Unknown Author is licensed
under CC BY-SA

@mallibone App Deployment Process BUILD SIGN SUBMIT PUBLISH

@mallibone Criterias for Mobile Apps

@mallibone Criterias for awesome Mobile Apps • Don’t Crash •
Responsive • Work Offline • 10’000 other points depending on preference etc. (like design and fluff) 😱

@mallibone

@mallibone How to build an App that works offline?

@mallibone Option 1: Pack it before shipping Fileicon made by
Freepik from www.flaticon.com Pack

@mallibone

@mallibone Option 2: Cache the Calls Servericon made by prettycons
from www.flaticon.com Request / Response

@mallibone Option 2: Cache the Calls Servericon made by prettycons
from www.flaticon.com Request / Response Cache Request / Response

@mallibone When do we refresh the cache?

@mallibone Cache

@mallibone Cache +

@mallibone Cache + =

@mallibone

@mallibone Demo Recap • Use NuGet packages built for mobile/desktop
• Seamless Offline experience with Akavache

@mallibone

Mark Allibone Rey Technology @mallibone https://mallibone.com https://nullpointers.io Thank you for
your time!

.NET Day 2023: Writing hybrid .NET MAUI Blazor ...

.NET Day 2023: Writing hybrid .NET MAUI Blazor apps

More Decks by dotnetday

Other Decks in Technology

Featured

Transcript