►
From YouTube: .NET Virtual User Group - Blazor + Xamarin Code Sharing
Description
In collaboration with - Seattle Mobile .NET User Group (https://www.meetup.com/SeattleMobileDevelopers).
Blazor is the new Single Page Application(SPA) framework from Microsoft. It's super versatile in that it can run server side or client side in the web browser, meaning C# is truly a full stack language. While Blazor is exciting enough in its own right, it gets even cooler when you look at the opportunities for code sharing. Using .Net Standard libraries, your C# classes can be shared between Xamarin Apps, Web Client, Web Server, Azure Functions, and anywhere else that runs .Net.
In this session Lachlan will be focusing on an approach to allow Models, ViewModels and Services to be shared across a Xamarin Forms App(for Android, iOS, UWP, etc.) and Blazor Web Assembly, with just a thin layer on top for user interface and platform specifics in each UI Framework.
A
All
right
cool,
let's
get
started.
Hopefully
everyone
can
hear
me.
This
is
the
coolest
technology
that
john
galloway
ever
found
in
my
entire
life.
I'm
real
excited
about
it,
we're
just
testing
everything
out.
Lachlan
ba
is
behind.
You
can't
hear
him
because
he's
back
here,
he
can
hear
me
it's
very
it's
very
odd
that
I
can't
hear
him,
but
he's
there
trust
me
I'm
super
excited
we're
trying
out
a
brand
new
piece
of
tech,
called
stream
yard.
For
this
thing,
of
course,
we
have
YouTube
open
over
here.
A
Oh
I,
see
myself
nice,
probably
on
a
30-second
delay,
or
so
I
should
probably
time
it.
I
was
pretty
good
Oh
Oscar,
that's
trippy,
we'll
be
also
monitoring
the
chat
room.
Of
course,
a
lot
of
good
discussion
going
on,
as
always
John
is
here.
Ari
is
here
bunch
people
from
the
community,
very
cool,
I'm,
James,
Monta,
magno
sort
of
says
right.
A
So
this
print
pretty
awesome
because
we've
been
able
to
change
to
digital
and
virtual
user
group.
Lock-On
and
I
were
just
talking
about
what
works.
Well,
you
know:
we've
tried
out
teams
live.
We
tried
some
Skype
stuff.
We
are
now
on
this
new
stream
here
our
thing
with
YouTube
and
you
know,
there's
a
little
bit
less
interaction,
obviously
than
doing
like
a
zoom
call
or
a
team's
call
or
something.
But
you
know
we're
definitely
interesting.
A
But
the
nice
thing
is
that
since
I'm,
not
presenting
and
I
somehow
got
Lachlan
to
dial
in
from
Australia
to
do
this
talk,
I'm
gonna
be
monitoring
the
chat
and
I'll
sort
of
be
the
middle
individual.
Here,
relaying
information,
so
Lachlan
is
going
be
giving
a
talk
on
blazer,
plus
xamarin
code-sharing,
I
was
excited,
saw
blog
posts
from
Lachlan
earlier
this
month.
I
think
I
said
well.
This
sounds
a
good
cool
topic.
I
think
he
did
a
user
group
on
and
that's
great
because
he
already
has
the
content.
A
He
can
just
copy
pasta,
so
pretty
excited
there
and,
of
course,
yeah
feel
free
to
post
some
messages
there,
and
this
is
also
being
oh.
If
you
don't
know
who
we
are,
we
we
talk
about
all
sorts
of
different
stuff.
So,
while
we're
the
mobile
dotnet
developer
group,
we
do
talk
about
normal
Don
development
state
of
net
Dona
Kampf
is
Android,
Mac
Windows
game
development-
you
name
it
we're
here
and
if
you're
interested
in
a
topic
leave
a
leave.
A
chat
and
chat
he
sent
me
an
email,
Mozza,
Microsoft
comm
mo
TZ
we're
there.
A
A
The
goal
of
this
was
that
there's
a
lot
of
different
user
groups
happening
right
now,
all
over
the
world
that
have
gone
virtual
and
what
better
way
to
promote
then
create
like
a
mega
group,
you
know
where
every
everywhere
we
sort
of
take
all
of
the
any
user
group
leader
that
wants
to
submit
their
meetup
to
this.
This
group
just
opens
and
submits
a
form,
and
we
basically
just
sort
of
re
paste
that
in
there
and
what's
cool
about
that,
is
that
you
sort
of
open
your
user
group
up
to
a
broader
audience.
A
If
you
would
like
to
some
user
groups,
one
so
keep
this
very
close
and
personal,
but
it's
kind
of
nice
here
and
in
the
future.
As
the
world
reopens
up
in
2026,
you
know
we'll
be
able
to
have
like
ongoing
virtual
user
groups
in
a
way
kind
of
have
a
connection,
a
friendly
face
of
the
done
and
foundation
or
other
user
groups
that
are
streaming
that.
A
Maybe
you
want
to
use
this
platform,
which
is
cool,
and
it's
also
nice,
because
we
can
say
some
information
about
what's
going
on
with
the
down
net
foundation,
which
is
an
independent
board
of
directors
with
different
projects
and
working
groups
and
right
now,
they're
actually
having
the
new
Donna
Foundation
Board
of
director
elections,
I've
been
working
closely
with
Claire
and
the
the
working
group
that's
putting
this
together.
There's
like
16
or
17
different.
A
You
can
find
out
all
about
the
donut
foundation
by
going
to
down
at
foundation,
org
and
links
to
the
different
user
or
the
different
election
stuff
on
there
too,
but
definitely
check
in
tomorrow
if
you're
interested,
and
so
you
can
get
more
involved
with
the
Donette
foundation.
I
just
became
a
member
john
galloway,
convinced
me
to
join
you
join
for
free.
You
can
also
give
a
donation.
If
you
want,
you
don't
have
to
that's
kind
of
nice.
It's
got
some
announcements.
I
was
like
to
kick
off
the
user
group
with
some
announcements.
A
We
should
probably
do
full
user
groups
and
have
someone
from
the
team
on
the
demo
a
bunch
of
stuff,
but
some
things
that
have
happened.
The
biggest
one
is
Zam
reforms
for
seven
Oh.
Finally,
enough
last
month
the
big
announcement
was
Zam
reforms.
4.6
thought,
oh,
so
now
it's
four
to
seven
dotto
it
increments
once
a
month.
So
it's
always
an
announcement
which
I
think
is
great
and
yeah.
It's
pretty
exciting.
A
There's
a
bunch
of
different
improvements,
simplified
grids,
multi
bindings,
app
theme
improvements,
some
map
improvements,
switch,
has
new
visual
states
and
also
shapes
and
paths.
So
I
thought
this
was
pretty
cool
and
I
wanted
to
show
off
some
features,
and
you
know
the
the
Simon
crop
has
arrived,
which
is
awesome,
hi,
Simon,
how's
it
going
hey
Samuel
from
from
Ghana.
That's
why
I
like
opening
this
up?
You
get
a
bunch
of
amazing
individuals
from
all
over
the
world.
Very
cool
one
of
my
new
favorite
things.
I
pushed
pretty
hard
on
this
was
simplified
grids.
A
I
could
not
be
more
ecstatic
about
this.
I'm
actually
gonna
be
updating.
My
workshop
for
xamarin
forms
on
Friday
on
my
live
stream
on
Twitch
and
I'm,
going
to
upgrade
this
because
it
makes
it
so
much
easier.
Look
at
this
thing.
It's
a
thing
of
beauty.
Take
all
these
grows
and
columns
and
just
shove
them
into
one
single
line
of
code.
It's
so
beautiful,
absolutely
love.
It
I
really
really
like
that.
I
think
this
is
really
neat
and
is
really
gonna,
just
kind
of
really
help
simplify
development
going
forward,
one
of
the
other
ones.
A
That
I
think
is
really
neat
that
I
had
to
have.
The
team
describe
to
me
a
little
bit
one
of
the
community
stand-ups,
which
also
happened
here
on
the
Donna
Foundation
YouTube,
was
a
multi
bindings
and
we've
had
bindings
forever
and
multi
bindings.
Are
this
kind
of
crazy,
multiple
bindings
all
at
once,
and
you
can
apply
it
to
anything
and
you
can
also
apply
converters
to
it.
So
the
one
on
the
left
here
is
neat.
It
is.
It
is
like
a
string
format
which
is
built-in
and
you
pass
it.
A
Multiple
data
like
for
first
name
middle
name
and
surname,
and
it
just
combines
them
together
on
the
right
hand,
side
it's
actually
a
converter
to
say,
Altru
and
there's
a
code
that
is
written
in
this
converter,
like
any
other
value
converter.
But
what
this
will
do
is
it'll
take
in
all
of
the
bindings
which
are
pass
in
as
an
array
and
it'll
check
to
see.
Is
it
a
boolean
as
in?
A
A
So
you
can
kind
of
copy
and
paste
code
and
Dave
is
right.
Dave
Murray
and
the
chat
multi
bindings
are
awesome.
Wanted
it
for
ages,
I
didn't
know
how
awesome
it
was
until
I
saw
it,
especially
the
the
other
one,
which
is
the
all
true,
are
those
like
what
that
actually
makes
a
lot
of
sense.
This
is
cool
because
paths
and
shapes
you
can
basically
do
anything.
You
can
also
pipe
SVG
data
into
stuff.
A
You
can
add
a
clip
of
any
shape
to
anything
so
here
in
this
login
page
david
has
ellipse
geometry,
a
circle
being
cut
out
of
the
image,
so
you
no
longer
need
a
custom
control
bananas
and
then
this
shape,
which
is
the
entire
outline.
The
white
outline
with
the
little
divot
is
actually
this
really
long.
Data
like
SVG
from
it,
which
is
cool,
so
you
can
just
pipe
it
right
in
there.
A
What
you
think
is
really
cool
and,
in
fact,
I
think
on
the
xamarin
show
in
a
few
weeks,
at
Xavier
on
who
worked
on
this
from
the
team.
He
he
showed
me
like
an
like
using
this
path.
Data
and
polylines
he
created
like
artwork
out
of
it
like
photorealistic,
is
crazy.
It
was
very,
very
good.
Saima
asks:
let's
see:
I'm
gonna
read
the
chatter
any
interest
in
getting
snapshot.
Testing
working
in
xamarin
forms.
Probably
that
sounds
good
and
that'd
be
cool,
yeah,
not
sure
it'd
be
cool
yeah,
an
re!
That's
right!
Basically,
what
you
do!
A
Is
you
open
up
the
SVG
and
there's
the
the
path
data
inside
of
it,
and
you
just
copy
and
paste
it
in
there
so
that
we
don't
have
to
put
the
SVG
in
your
thing
it
just
here's,
a
path
which
is
really
really
cool,
so
those
are
like
the
ones
that
I'm
really
excited
for
and
there's
a
bunch
of
video
and
documentation
on
there
as
well,
which
I
think
is
cool,
but
I
think
that's
super
duper
rad.
Before
we
go
to
the
main
talk.
A
If
anyone
else
had
any
questions
or
any
announcements,
you
can
just
post
them
into
the
chat
room
as
well,
so
maybe
you're
working
at
a
company,
that's
hiring
or
you're.
Looking
for
some
stuff,
you're
looking
for
a
job
or
maybe
you're.
Looking
for
some
QA
well
we'll
go
from
there,
but
we'll
give
the
youtubes
30
seconds
to
to
go
around
and
while
I
do
that,
I'll
bring
in
Lok
lon
how's
it
going
aw
come
on.
Hey.
A
A
A
Says
we'll
be
talking
about
Donny
Maui
next
week
on
indie
xamarin,
which
will
be
there
too
to
be
in
the
virtual
group
John
just
posted
a
link
on
there
too.
That's
cool,
yeah,
I
haven't
even
presented
on
that.
Did
it
I
did
a
little
bit
of
an
intro
last
last
month,
sound
build
recap
on
there
too,
so
yeah
well
Lachlan.
Thank
you
for
joining
yeah.
Thank
you
for
having
me
yeah
how.
B
A
Doing
good
I
got
my
mask
on
my
mask
back
here:
god,
I
always
got
it
in
hand,
mask
up
so
very
important.
Wear
your
mask
all
the
time.
I
just
walk
out
well
check
to
check
the
mail.
Wear
my
mask
I!
Don't
even
leave
the
house
wear
my
mask
around
everywhere.
So
John
says
that
this
needs
to
be
on
late-night
cable
access.
There
we
go.
We
could
do
a
check
this
out.
We
could
do
like
a
green
screen
background.
Look
at
this.
Oh,
that
is
great.
There's
green!
It's
not
really
great!
Okay,
look
at
that!
A
I
can
put
a
banner
up
there.
That's
cool
yeah!
That's
nifty!
Are
you
be
like
go
power
by
stream
yard
anyways
Lachlan
I
could
introduce
you,
but
I
have
surprisingly.
Besides
me,
interacting
with
you
in
twitch
I,
don't
necessarily
know,
I
mean
I,
just
randomly
tweeted
I,
just
randomly
deemed
Lachlan
slid
into
his
DMS
and
I
said.
Do
you
want
to
present
the
user
group?
I?
Don't
know
if
that
was
a
good
idea
now,
but
we're
about
to
find
out.
So
if
you,
you
wanna,
give
everyone
a
little.
B
So
I'm
welcome
Gordon
I
live
in
Melbourne,
Australia
I'm,
a
freelance
xamarin
dev,
or
that's
what
I
called
myself
until
recently,
but
I'm
dabbling
in
Blaser
a
lot
lately.
So
maybe
toying
with
the
idea
of
calling
myself
a
dotnet,
app
dev,
something
like
that.
I
like
that
I
also
play
the
double
bass.
You
can
just
see
that
off
in
the
corner
there,
oh
cool
and
I
also
sing
in
a
sea
shanty
group
called
Chantilly
clad,
oh,
my
goodness
haven't
had
a
gig
in
a
while,
but
we'll
be
back
out
there
soon.
B
Stuff
as
well
yeah,
we
would
like
to
do
a
virtual
gig
once
we
can
get
the
band
all
on
the
same
place
again
and
yeah
just
do
a
lot
of
xamarin
have
a
lot
of
fun:
I
stream
on
Twitch
as
well,
do
kind
of
a
weekly
ish
kind
of
testing
out
new
stuff,
whatever
I
learn
in
meetups
and
then
also
another
session.
Once
a
week
with
my
friend,
Kim
Philpott's
we're
working
on
an
app
pair
programming
live.
We
do
a
lot
of
bike
shedding
not
all
that
much
code,
but
it's
a
lot
of
fun.
A
B
B
And
it
always
kind
of
really
frustrated
me
that
if
we
wanted
to
get
some
new
property
on
an
object,
we'd
have
to
get
the
mobile
developer
and
a
front-end
developer
and
a
bank
and
developer
to
all
agree
on
that
and
we
weren't
really
doing
any
code
sharing.
Even
though
two
of
those
things
were
c-sharp
and
so
and
I
made
a
web
did
a
web
project
a
couple
of
years
ago.
B
Even
though
I'm
more
of
a
mobile
developer
made
it
further
local
Community
Legal
centres
to
help
them
manage
their
fines
and
that
really
needed
to
be
a
web
site,
it
wasn't
feasible
to
distribute
that
as
a
mobile
app,
but
they
needed
the
big
screen
so
I
built
that
in
with
a
view,
front
end
and
a
dotnet
core
back-end,
and
that
all
worked
fine
but
I
kind
of
just
had
to
fumble.
My
way
through
JavaScript,
so
then,
when
I
heard
about
blaze,
I'm
like
yes,
this
is
for
me
I.
B
Could
nice
share
all
that
code
and
conveniently
one
of
my
co
organizers
as
a
Melbourne,
meetup
rod
runs
an
agency,
Melbourne
app
development
and
he
kind
of
saw
the
same
thing
of
we've
been
doing
xamarin,
but
we
need
web.
Let's
do
blazer,
so
there
was
a
job
there
for
someone
who
was
interested
in
both
so
I
know
quite
a
bit
of
work
for
him
as
well.
Nice
yeah.
A
I've
I
also
I
dabbled,
a
little
bit
in
blazer
and
I
felt
a
little
bit
more
natural
than
doing
pure,
like
razor
pages
and
in
just
or
MVC
I
think
it
was
a
little
bit
more
complicated
for
me
to
understand.
I.
Think
I,
understood
the
webassembly
blazer
more
than
the
server
I
had
a
hard
time
with
the
internet,
which
is
like
I
I.
A
Remember
trying
to
build
my
first
asp.net
what
MVC
app
and
asked
my
my
wife
who's
næss
p.net
developer
I
was
like
I,
don't
understand
like
I
click
this
button
like,
but
where
is
like,
where
is
that
code
running
right
because
on
a
mobile
app
like
it's
running
in
the
phone
like
it's
in
the
phone
she's
like
it's
on
the
server
I
was
like
that,
doesn't
make
any
sense.
She's
like
I'm
like
how
does
a
button
click
go
over,
that
it
doesn't
doesn't.
A
My
call
myself,
like
a.net
developer,
like
I'm,
just
a
don''t
developer
and
I
just
specialize
in
client
development
or
was
a
more
in
development
or
mobile
development.
Right
like
if
I
needed
to
go,
write
a
website.
I
could
probably
do
it
or
back-end
right.
Are
you
kind
of
so
I
think,
hopefully,
maybe
think
about
that
way?
Sounds
like
it.
Yeah.
B
See
I
started
off
my
C
shop
journey,
doing
MVC
stuff
and
that
was
kind
of
cool
and
I
like
to
say
shop,
but
then
I
was
also
dabbling
in
iOS,
with
Swift
and
Java
and
Android,
and
then
freshly
out
a
uni.
A
friend
of
Mines
like
this
is
this
job
going
where
you
get
to
write:
C,
sharp
and
you're
right,
mobile,
apps
and
all
run
on
iOS
and
Android,
like
what
no
that's,
not
possible,
so
ya
got
that
job
like
this
is
amazing.
A
A
A
Easy
for
the
presenters
I,
just
clicked
a
link
and
I
was
in
yeah
like
that.
That
was
that
was
the
neatest
part
like
no
no
Skype
or
OBS
ninja
or
NER.
Anything
as
like.
Here's,
a
link
and
you're
in
so
very
cool.
It's
a
little
bit
more.
Limiting,
though
right
like
we
were
Lachlan
like
really
helped
me
out,
because
we
spent
a
good
like
20-30
minutes
in
the
beginning.
B
A
Me
see
you
again
what
no
no
wait
wait.
Let
me
see
if
I
can?
Oh
yeah
Oh
see
it's
not
perfect.
So
looks
like
you
got
a
look
at
my
look
at
me.
I'm
gonna,
remove
myself
for
a
bit
and
then
I'll
pop
back
and
if
I
have
questions
and
you'll
see
me
how's.
That
sound
sounds
good.
Thank
you,
James,
alright
and
now
we'll
be
monitoring
the
chat.
B
B
So
I'm
gonna
start
with
a
quick
intro
of
what
blazer
is
and
an
even
quicker
intro
of
xamarin
forms.
Not
gonna
get
bogged
down
too
much
in
that.
But
then,
when
we
get
into
how
they
the
two
kind
of
work
together,
I
just
want
to
make
sure
everyone's
got
a
bit
of
that
base
knowledge,
I'm
kind
of
guessing
a
lot
of
people
in
the
chat
have
been
using
xamarin
for
years,
but
a
new
to
blazer.
But
maybe
some
of
you
were
the
other
way
around.
So,
let's
level
the
playing
field
so.
B
What
I'll
be
looking
at,
what
we'll
be
using
for
these
demos,
the
sample
app,
is
one
I've
been
working
on,
live
on,
twitch
for
our
Melbourne,
xamarin
and
blazer
Meetup,
so
basically
Oster,
and
that
will
be
expanded
to
having
links
in
the
presentations
a
bunch
of
resources
and
I'm
running
it.
You
can
see
there
in
chrome,
using
laser
and
for
xamarin
forms.
I've
got
on
my
Android
and
iOS.
B
The
other
app
I'll
be
looking
at
which
I've
done
basically
the
same
thing
where
we've
got
laser
and
then
iOS
Android
I
did
this
as
part
of
the
cognitive
services
Samaranch
launched,
set
up
by
Eli
and
Matthew
cycle,
so
my
entry
for
that
was
to
add
a
place
of
front-end,
so
probably
referring
to
that
a
bit
as
well.
Both
is
a
open
source
up
on
github
and
there
are
links
at
the
end
of
the
presentation,
cool.
So
there's
a
quick
blazer,
intro
new
single
page
application
framework
from
Mac
docked
either
write
net
code.
B
And
for
me,
that's
if
you,
the
other
languages,
that's
cool
too,
and
a
whole
lot
less
Java!
That's
right!
It's
a
little
bit
now
and
then,
but
basically
see
shout
in
the
browser.
You
can
have
two
ways:
a
web
assembly
is
the
cool
hot
new
thing
of
running
other
languages
inside
the
browser.
Some
of
the
big
advantages
there
are
cheap
hosting
because
you
just
get
to
any
old
static
file.
B
Storage,
it'll
work
offline
once
it's
loaded
and
the
main
downside
is
the
first
load
is
a
bit
slow
or
you
can
run
all
that
same
blazer
code
on
the
server
and
that
connects
using
signal
R
and
it
spins
up
super
fast.
You
also
can
talk
straight
to
your
database
without
having
to
have
an
API
in
between
them.
B
B
A
B
A
B
Lower
bandwidth
doesn't
seem
to
be
much
of
a
problem,
it's
more
about
if
it
drops
in
and
out
so.
The
way
signal
r
is
communicating,
instead
of
just
one
API
request.
Whenever
you
submit
a
form
or
something
like
that,
every
little
thing
that
happens
on
the
page,
whether
you
click
on
a
field
or
click
on
a
button,
every
bit
of
validation
and
logic,
is
a
really
quick
round-trip
using
WebSockets.
B
So
if
you
just
typing
in,
if,
if
you're
typing
in
a
text
field,
not
even
submitting
yet-
and
there
are
ways
around
some
of
these
things-
but
just
that
sort
of
thing-
if
the
internet
drops
out
momentarily
you'll,
just
get
kind
of
a
milky
overlay
saying
connection
lost,
but
the
actual
payload
going
back
and
forth
is
absolutely
tiny.
It's
just
sending
the
tiniest
little
browser,
Dom
diffs
and
a
lot
of
chat,
keeping
things
alive
got
it.
B
B
There
are
also
some
people
thinking
about
how
to
make
it
I
think
we've
got
my
other
ways.
They've
got
a
word
for
it
when
you're
working
in
node,
where
your
code
can
kind
of
switch
between
running
service
I
adore
client-side
dynamically.
So
what
I
really
want
to
see
is
when
you
go
to
the
website.
You've
got
full
ways
of
interactivity
instantly,
like
you
do,
with
server-side
laser
and
then
over
the
next
30
seconds
or
whatever.
There's
a
service
worker
gradually
loading
in
all
the
dll's
and
then
once
you've
got
it
all
there.
B
You
can
turn
off
that
signal
our
connection
and
going
purely
client-side
got
it,
but
we're
quite
there.
Yet
for
the
moment
you
kind
of
got
a
host
at
one
way
or
the
other,
but
while
you're
working
you
can
make
sure
your
code
will
work
in
either
way.
Okay,
so
that's
kind
of
how
we
got
started
at
work.
A
B
Of
got
to
be
a
bit
aware
of
how
you
architecture
apps,
if
you're
doing
that.
So
when
I
say
here
with
server-side,
you
can
connect
to
your
SQL
database,
because
your
server
is
probably
in
via
same
as
the
data
center
as
your
database.
Is
you
just
do
that,
like
any
old
server-side
thing,
whereas
if
you
start
doing
that
in
your
webassembly
client
you're,
not
gonna
have
a
good
time.
You
don't
want
that
kind
of
connection
happening
straight
from
the
client,
so
you
want
to
go
to
an
API.
B
A
A
B
B
One
from
Simon,
but
the
main
assembly
bundle
doesn't
come
from
a
CDN
right
when
you're
we're
talking
webassembly
I'm,
guessing
they're
the
way
I
first
did
them.
I
do
put
my
webassembly
on
a
CDN,
so
I've
got
it
hosted,
probably
in
a
Zilla
blob
storage,
static
web
sites
and
then
I'll
use
the
Azur
CDN
in
front
of
that
which
makes
loading
superfast,
but
with
all
your
dll's,
you
can
kind
of
host
them
any
way.
You
would
static
web
content.
B
Okay,
so
it's
a
quick
intro
on
how
to
use
laser
not
going
to
go
too
much
into
this,
but
just
so
that
the
rest
of
the
demos
make
sense,
we're
riding
the
CS
HTML
language
with
razor
syntax
and
that's
the
same
thing.
That's
been
in
net
for
maybe
ten
years
now
and
we're
basically
looking
at
c-sharp
and
HTML
mixed
together.
So
you
can
see
there
that
h1
and
the
P
just
like
any
old
HTML,
but
then,
when
you've
got
basically
any
way,
you
see
an
app
symbol.
It's
gonna
be
doing
something
see
sharpie.
B
B
So
here's
a
bit
more
of
a
complex
example,
so
we're
using
razor
pages
and
there
you
can
see
this
app.
If
we've
got
the
MDOT
items,
equals
null
and
then
further
down,
we've
got
a
for
each
and
that's
plain
c-sharp
syntax
inside
there
and
then
you
can
say
I,
say
a
presenter
and
then
just
do
any
c-sharp
on
that
object
like
I,
would
and
it'll
end
up
inside
that
HTML
image
tag.
B
Can
so
that
uses
kind
of
route
syntax,
so
I
don't
have
one
there,
but
you
would
say
is
slash
counter.
Slash
could
put
that
current
count
in
there.
Man
we'd
mark
that
as
a
parameter
with
an
attribute,
and
then
you
kind
of
pass
them
through
there.
So
we'll
be
looking
at
an
example
of
that
later
on
got
it
cool.
B
Cool,
so
in
those
first
few
examples,
I
had
this
c-sharp
code
block
just
within
that
dot.
Razr
file
I
prefer
to
put
all
my
code
in
a
code
behind
partial
class,
with
a
dot
razor
dot,
CS
extension,
so
he
used
to
xamarin
forms.
It's
a
lot
like
hey
you've
got
a
zamel
on
his
MOC.
Yes,
if
you
put
all
your
c-sharp
code
in
the
code
behind
file
kind
of
keeps
them
separate
a
bit
better,
but
you
can
just
write
it
in
the
dot
razor.
B
One
of
the
big
reasons
I
like
to
split
the
two
is
intellisense
works
a
lot
faster
if
it
can
only
think
about
a
c-sharp
file
rather
than
trying
to
think
about
HTML
and
razor,
and
all
that
all
at
once
also
keeps
the
code
just
a
bit
easier
to
think
about
what
am
I
really
doing
at
this
point
in
time
and
separate
your
concerns,
so
we
had
those
HTML
tags.
We've
also
got
some
components
built
into
razor
or
you
can
get
components
from
third-party
libraries.
B
So
this
input
text,
for
example,
that's
RAZR
component-
becomes
built
into
the
blazer
framework
as
opposed
to
the
P
tag,
which
is
just
plain
HTML.
So
they've
generally
got
a
few
helpers
to
make
things
easier
to
connect
to
your
c-sharp
code,
but
they
do
just
render
down
to
HTML.
So
you
could
just
write
HTML
there
if
you
wanted.
B
So
here's
a
few
examples,
some
built-in
components,
if
you
put
in
a
blazer
input
text
it
renders
down
to
a
input
tag
in
HTML.
We
got
input,
textarea
input
numbers
input
checkbox.
They
mean
that
you
can
forget
about
the
kind
of
the
semantics
of
exactly
how
to
use
in
HTML
and
write
it
in
a
much
more
idiomatic
net
kind
of
way
for
people
who
are
used
to
other
net
UI
frameworks.
B
Cool,
so
here's
the
navigation
we
started
talking
about
before,
so
you
put
the
app
page
directive
on
a
page
and
then
you
can
either
navigate
it
to
it
with
an
avalanche
which
we
can
see
here.
So
this
is
kind
of
the
sidebar
in
a
blazer
navigation
page
or
the
top
bar
or-
and
so
you
just
put
a
reference
of
counter
and
that'll
open
that
page
or
if
you're
doing
it
from
your
c-sharp
you're,
just
gonna
call
navigation
manage,
navigate
to
and
put
a
URL
in
there.
B
So
this
is
gonna
be
inside.
You
start
up,
see
yeah,
so
your
program,
dot,
C,
yes,
and
if
I'm
gonna
use
an
HTTP
client
anywhere
in
my
app
I'm
gonna
put
in
here,
add
an
HTTP
client
or
if
I've
got
any
other
services.
I
do
that,
then,
within
my
pages,
I
can
use
this
inject
attribute
and
it'll.
Give
me
an
HTTP
client
or
a
navigation
manager
or
any
other
resource
I
want.
You
can
also
use
constructor
injection
or
you
can
resolve
it
at
run
time.
B
However,
you
like
to
do
it
I'm
using
the
Microsoft
extensions
dependency
injection,
because
that's
kind
of
baked
into
dotnet
core
you
can
use
any
old
IOC
that
you
like
J,
is
Center
up.
So
is
a
really
important
part
of
how
blazer
works
with
c-sharp
and
the
mono
run
time
running
in
webassembly.
That
doesn't
really
let
you
touch
any
parts
of
the
user
interface
or
the
browser
Dom.
The
document
object
model.
It
just
gives
you
a
sandbox
where
you
can
execute
net
code
when
you
want
to
actually
make
changes
interact
with
the
browser
and
the
user.
B
It
all
goes
through
the
JavaScript
runtime.
Most
of
the
time.
You
don't
need
to
know
that
detail.
You
can
just
write
your
interface
using
razor
syntax,
but
then,
if
you
want
to
do
anything,
JavaScript
D
that
isn't
built
into
blazer,
you
can
use
this
J
as
interrupts
and
interrupts
and
just
send
any
JavaScript
out
you
like
or
call
any
JavaScript
function.
So
example,
here
I'm
just
got
a
console:
dot.
A
So
I
had
a
question
actually
on
that
qu.
So
does
that
mostly
mean
that
if
I'm
I
still,
even
though
the
idea
of
blazer
is
like
that,
I
don't
really
need
to
be
concerned
about
JavaScript
I'm,
still
writing
a
website
in
which
I
probably
still
need
to
be
concerned.
A
little
bit
about
JavaScript
like
what's
been
your
interactions
with
Jay
s
interrupts
in
the
apps
that
you've
built?
Has
it
been
a
lot
or
a
little
or
like?
Is
the
community
filled
some
space
there?
It's
been.
B
Which
we'll
get
to
it
a
demo
at
some
point
anyway,
but
I
can
show
you
now
here
in
this
travel
monkey
app
where
I've
got
an
image,
that's
changing
every
20
seconds
or
something
like
that
in
your
blazer
code.
You
can
put
an
image
with
a
background
on
it
and
the
kind
of
that
interaction
of
changing
the
image
based
on
a
timeout
without
having
to
rerender
the
whole
page.
I
had
to
do
that
through
JavaScript
another
bit
where
it
became
important.
B
B
B
In
the
mobile
app,
when
we
add
a
picture,
it's
using
an
excellent
media
plug-in
which
you
might
be
familiar
with
heard
of
amnon,
but
that
doesn't
work
in
blazer
yeah,
so
I
implemented
it
in
using
a
mix
of
JavaScript
code.
I'll,
actually
I
think
I
managed
to
get
away
with
just
using
the
enugu
that
someone's
put
out.
I
didn't
have
to
write
any
JavaScript
for
that.
B
B
In
there
yeah
there
are
some
interesting
performance
implications
and
some
performance
things
matter
server
side
in
some
matter
when
you're
doing
the
web
assembly
version.
So
one
example
was
when
I
was
trying
to
do
this
webcam
stuff
server-side.
It
was
really
struggling
because
it
was
trying
to
stream
all
that
video
/
signal
and
signal.
Ours
meant
for
very
fast
small
payloads
and
was
just
really
struggling
to
send
video
content.
B
So
if
you,
where,
as
it's
a
bit
slower
on
server,
but
you
can
do
other
things
faster
or
database-
calls
as
well,
it's
in
the
server
that'll
be
quick,
so
well
any
code
you
write
can
be
run
in
either
place.
You
kind
of
need
to
think
about.
Are
there
implications
and
if
you're
planning
on
running
it
in
both
you're
gonna
need
to
test
it
on
both
kind
of
like
when
you've
got
xamarin
forms
out.
B
B
Cool
touched
on
this
a
bit
already.
There
are
lots
of
third-party
components
or
kind
of
only
a
handful
at
the
moment,
but
they're
more
and
more
popping
up
all
the
time.
I
highly
recommend,
Matt
blazer.
It
brings
material
design
components
into
a
blazer,
and
it's
not
just
freeing
in
material
design.
It's
a
really
good
UI
toolkit
with
lots
of
controls.
The
stuff
is
kind
of
baked
into
blazer,
is
fairly
small.
B
Matt
blaze
is
a
really
good
place
to
get
started
if
you're
used
to
writing
xamarin
forms
with
controls
that
kind
of
already
look
finished,
and
especially,
if
you're,
using
visual
material
in
your
mobile
app
having
the
material
components
for
blazer
as
well
helps
to
get
those
two
consistent,
also,
some
really
cool
stuff
coming
out
of
scene,
fusion,
telluric
and
infra
districts,
and
probably
a
bunch
of
others
who
have
forgot
to
mention
and
lots
of
cool
kind
of
independent
nougats
coming
out.
They
seem
to
be
more
targeting
the
kind
of
JavaScript
browser.
B
Interactions
for
those
kind
of
api's,
rather
than
being
UI
toolkits,
but
there's
a
lot
of
cool
stuff
out
there
and
a
lot
of
these
things
open
source,
so
go
out
there
and
get
involved.
The
other
thing
is
nougat.
If
there's
a
c-sharp
or
any
net
nougat
out,
there
that'll
run
in
your
net
code.
If
it's
got
desktop
or
mobile,
specific
UI
stuff
in
there,
that's
not
going
to
work,
but
anything.
That's
just
plain:
c-sharp
you've
got
the
whole
world
of
nougat
available
to
run
in
the
browser
and
because
of
that
JavaScript
Interop,
any
JavaScript
library.
B
B
There's
a
bit
of
an
example
of
what
a
form
would
look
like
writing
it
out
in
matte
blazer,
so
that
edit
form
tag
is
just
part
of
blazer
and
then
all
these
ones
that
start
with
Matt
have
come
from
material
from
Matt.
Blazer
and
they've
got
very
dotnet
kind
of
ways
of
putting
all
these
properties
on
it,
whereas
otherwise
you'd
be
doing
CSS
and
woody
stuff.
B
Cool
so
that's
kind
of
the
end
of
the
quick
intro
to
blazer.
It's
a
question
in
the
chat
about
skier
sharp
G
sharp
is
coming
it's
not
quite
there
yet,
but
Matthew
Leibowitz
is
working
hard.
I've
heard
that
it
does
work
server-side,
although
I
haven't
actually
used
it.
Yet
I
do
use
skier
sharp
a
lot
in
my
mobile
apps,
so
I'm
super
keen
to
get
it
in
there.
B
A
second.
If
you're
trying
to
send
a
list
of
a
hundred
complex,
C
sharp
objects
over
the
bridge.
60
times
a
second,
that's
just
not
going
to
work
at
all
server-side,
whereas
you
probably
get
away
with
that,
or
at
least
a
decent
frame
client
side.
So
you
gonna
need
to
start
thinking
about,
should
I
be
telling
ski
shop
to
update
that
many
times
a
second
from
C
sharp
or
should
I
pass
across
a
big
object.
It's
got
all
the
information
to
the
client
side
so
that
it
can.
B
It's
got
all
that
information
there
and
think
that
can
all
be
happened.
All
we
managed
client
side,
even
if
you're
using
server
side
ski
shop,
so
that'll
be
interesting
and
it's
something
that
I've
been
thinking
about,
but
not
actually
doing
with
a
lot,
because
I've
been
doing
some
pretty
high
performance,
skiers
out
mobile
stuff
and
trying
to
get
everything
I
can
out
of
it
and
so
yeah
and
we're
gonna
want
to
put
that
on
the
web
soon
as
well.
So
it's
coming.
B
To
think
I've
got
all
the
Blazer
questions
so
far,
so
xamarin
forms
awesome,
cross-platform,
user
interface,
library.
You
get
to
write
your
app
once
in
dotnet,
so
C,
sharp
and
sam'l
is
my
preferred
way
of
doing
it
and
run
it
everywhere
and
everywhere
is
iOS
Android
uwp,
Linux
TVs.
There
are
ways
to
run
it
in
the
web
as
well,
so
yeah.
That's
how
I
like
to
write
my
mobile
and
desktop
apps.
B
That's
current
forms
intro,
although
I'm
also
going
to
quickly
touch
on
how
mvvm
works-
and
this
is
looking
at
as
a
more
informs
app.
So
the
mvvm
is
model
view
viewmodel
up
the
top
left.
You
can
see
my
model
class,
so
that's
presenter,
that's
not
an
MVP
Model,
View
presenter
type
thing.
That
is
a
person
who
presents
at
a
meet-up
like
me
or
James,
then
the
view
here,
we've
split
across
a
sam'l
file
which
is
bottom
left
and
also
a
seizure
code
behind
which
is
top
right.
B
B
Like
in
a
year,
hi
friends,
so
this
is
a
diagram
of
kind
of
how
the
first
company
I
worked
at
for
a
few
years
worked
and
how
actually?
No
this
isn't
dying.
Ram
of
the
dark
old
days
where
you
had
to
write
an
iOS
app.
That
was
completely
done
in
one
language
and
Android
app
completely
in
one
language
windows
up
all
in
one
language,
a
web
app
in
JavaScript
or
something
and
server-side,
hopefully
in
dotnet,
then
a
kind
of
everything
talks
through
API
is
but
was
very
disconnected.
B
Then
xamarin
came
along
and
we
can
start
having
our
shared
business
logic
layer.
So
this
is
what
people
will
call
xamarin
native
or
class
examine
at
this
point
we're
kind
of
getting
c-sharp
in
a
few
more
places,
but
what
most
companies
were
doing
is
only
sharing
that
c-sharp
for
their
business
logic
on
the
mobile
apps
then
came
xamarin
forms,
which
is
where
we
get
shared
UI
as
well.
So
you
can
kind
of
see
here.
B
This
blue
region
of
the
graph
is
getting
bigger
and
bigger
with
each
iteration,
and
we've
just
got
these
little
I
Oh
s
Android
you
WP
in
projects
with,
hopefully
not
too
much
in
them.
So
you
can
share
your
UI
and
your
business
logic
as
much
as
possible,
but
you've
still
got
a
web
app
with
no
kind
of
shared
code
and
a
server
that
might
be
sharing
some
bits
between
them
and
your
database
connection.
B
What
I've
been
doing
and
that
we're
gonna
be
looking
at
is
shared
business
logic
across
your
web
and
mobile
and
desktop,
and
that's
all
in
c-sharp,
we've
got
a
c-sharp
and
zamel
UI,
that's
across
three
of
our
targets
and
the
database
is
also
using
those
same
models
shared
between
them.
So
this
is
C
sharp
running
everywhere
as
much
code
reuse
as
possible,
and
it's
so
much
fun,
so
you've
probably
seen
kind
of
various
versions
of
these
two
graphs
in
a
lot
of
intro
to
xamarin
presentations,
I'm.
B
So
now
I'm
getting
into
how
I've
been
doing
the
xamarin
forms
and
blazer
code
sharing
I'll
start
by
emphasizing
that
this
is
just
one
way
of
doing
it.
Lots
of
people
experimenting
with
lots
of
different
ways
and
I've
kind
of
built
on
the
architecture
of
how
so
many
people
worked
out
how
to
do
cross-platform
in
the
early
days
of
xamarin,
and
they
were
learning
from
how
people
used
to
do
it
in
C++
and
still
do
so
lots
of
opinions
of
how
I
say
I.
B
Do
it,
but
I
want
to
say
just
because
I'm
saying
I
use
this
I,
OC
or
I
use
this
a
baby
in
framework
there.
So
many
good
nougats
out
there.
So
many
of
these
will
be
interchangeable.
They're
all
awesome,
I'm
super
keen
to
see
what's
gonna
happen
in
the
next
year,
or
so
with
malware
you
coming
out
and
different
people
working
on
different
frameworks.
This
dotnet
code
sharing
is
just
gonna,
be
so
cool.
B
B
So
the
way
I
been
putting
things
together
is
I've
got
a
core
project
which
is
a
dotnet
standard
library
and
that's
where
I'm
putting
my
models,
my
services,
my
view
bottles,
so
basically
all
the
code,
that
is,
that
I
want
to
be
able
to
reuse
everywhere
and
that
doesn't
have
any
dependency
on
xamarin
forms
or
on
iOS
or
Android
or
on
web
assembly
or
any
of
that
web
stuff.
So
it's
got
to
be
that
highly
portable
code.
B
We've
then
got
a
blazer
web
assembly
project,
which
is
where
alright
any
of
the
web
stuff
a
forms
project.
So
that's
where
I'm
putting
mine,
sam'l
views
and
all
the
kind
of
mobile
app
sort
of
stuff,
and
then
we've
got
the
iOS
and
Android
projects
that
have
that
has
just
had
projects
which,
where
you
put
your
renderers
and
yeah
Hardware
API
access
and
that
sort
of
stuff.
But
hopefully
you
don't
have
to
write
too
much
code
in
those
projects.
B
B
I
yes
I
can
even
make
the
solution
for
bigger
and
we
don't
really
need
any
debug
window
at
the
moment.
So
I,
that's
the
call.
That's
the
dotnet
standard
library.
We
talked
about
just
got
two
models
in
there
so
far,
but
obviously
that'll
growing.
Then
I've
got
services,
so
that's
kind
of
where
I've
got
my
data
stores.
I've
also
got
a
few
interfaces
in
here
which
get
implemented
and
my
view
models.
B
So
the
presenters
view
model,
for
example.
This
is
gonna.
Look
a
lot
like
if
you
model
your
keister
riding
in
xamarin
forms.
A
couple
of
things
to
note
is:
if
you're
using
the
xamarin
forms
command
implementation.
You
won't
be
able
to
do
that
anymore,
because
this
core
project
doesn't
have
a
dependency
on
xamarin
forms
because
it
doesn't
run
in
webassembly.
B
So
instead
I'm
using
the
lovely
gens
wantem
Agnos
mvvm
help
us
he's
got
a
sink
commands
in
there
as
well,
which
I'm
a
big
fan
of,
but
even
if
you
don't
want
the
ACE
in
command,
you're
just
gonna
need
a
command
implementation
or
you
can
also
write
your
own.
It's
not
too
much
code,
but
when
I
thought
about
writing,
my
own
is
like
I'm,
just
gonna
copy
James's
somebody
I'll
bring
in
the
nougat,
and
so
I've
got
my
load
items
command
and
how
to
do
some
navigation
as
well.
B
Then,
when
I
look
over
in
the
forms
project,
I've
got
my
views.
So
there's
some
zamel
there's
an
I'll
say
yes,
code
behind
I've
also
got
a
couple
of
services
or
only
one
service,
so
anything
that
has
to
be
implemented
in
there.
Xamarin
forms
way,
so
something
that
either
has
a
dependency
on
xamarin
forms
or
is
the
way
it'll
be
done
for
ios
and
android
and
uwp
that'll
live
in
that
services
folder
and
then,
when
I,
look
at
my
blazer
well
as
I'm
project
I've
got
my
pages
in
here.
B
Re
asks:
will
this
approach
support,
shell?
It
sure
will
and
in
fact
shell
makes
your
life
a
whole
lot
easier,
so
I'm
using
a
shell
here
which
has
just
got
two
tabs
down
the
bottom
of
that
and
I'm
using
the
shell
URI
navigation
as
well
see
a
nap
in
the
web
assembly
one
if
I
look
in
this
shared
folder
I've
got
a
nav
menu,
dot
razor
class,
which
is
kind
of
doing
a
very
similar
thing
to
shell.
In
that
it's
where
I
declare.
B
B
B
So
back
in
that
presenters
razor
page,
you
can
see
I
start
by
doing
an
if
check
to
make
sure
things
are
initialized
and
if
they're
not
I'll,
show
a
loading
and
then
that's
all
play
in
HTML
I've
kind
of
a
few
static
things
on
my
web
page
and
then
I
was
so
surprised
when
I
saw
this
the
first
time.
But
this
is
just
our
razor.
B
We've
got
the
same
thing
implemented,
but
I've
implemented
all
that
view
in
zamel
and
that
it's
also
all
that
shared
code
exactly
the
same
code
running
here
on
Android.
So
it's
the
zamel,
that's
and
the
razor
that
are
separate,
but
all
of
the
view
model
and
the
data
services
to
get
that
stuff
in
that's
what
I've
shared
between
them.
B
Okay,
so
dependency
injection
touched
on
that
before
in
terms
of
how
teased
in
blazer
I'm,
using
that
here
as
well
I'm
using
the
Microsoft
extensions
dependency,
injection
I've
also
used
dry
IOC
and
that
works
great
on
blazer
and
xamarin
forms
as
well.
So
take
your
pick,
they're
all
pretty
much
just
written
in
dot,
they're
all
pretty
much
done
in
standard
compliant,
so
anything
that's
dotnet
standard
you
can
use.
B
A
B
B
In
my
blaze
of
webassembly
program,
CSR,
there's
a
link
in
the
chat,
excellent
I've
got
my
HTTP
client
I
also
register
a
singleton
for
my
presenter
datastore
and
a
transient
my
view
model.
So
anytime,
a
page
wants
a
view
model.
It
wants
to
present
a
view
model.
It
gets
one
of
these,
which
means
it
can
also
ask
for
the
data
store
and
they
have
also
got
the
eye
navigation
service
and
they
are
implemented
differently
on
the
two.
So
that's
where
I
register
more
on
my
program,
see
yes,
my
app
sam'l
see.
B
Yes,
we
can
see
I'm
now
going
to
string
a
different
navigation
service,
but
those
view
models
when
I
register
them
they're.
Exactly
the
same
and
same
with
this
data
store.
So
given
some
of
them
are
reused,
I
could
put
those
three
lines
of
code
in
we're
reusable,
maybe
but
doesn't
really
feel
worth
it,
given
its
a
mix
of
only
a
few
lines
and
some
of
its
reusable
some
of
its
not.
A
B
B
Someone
at
Microsoft
write
some
useful
code
to
put
that
all
in
there
for
me,
so
it's
there
by
default
in
blazer,
which
meant
I
only
had
to
implement
adding
it
into
xamarin
forms,
whereas
if
you
were
using
a
different
one,
you'd
need
to
do
all
that
wiring
up
for
both
of
them,
but
I
have
also
experimented
with
our
dry
IOC
and
that
works.
Great
I
was
mainly
using
that
because
I
was
using
prism
as
well,
so
some
bits
of
prism
worked
great
in
blazer,
but
any
other
stuff.
B
That's
forms
dependent,
obviously
won't
work,
but
I
wouldn't
be
surprised
if
a
lot
of
the
mvvm
frameworks
start
supporting
blazer
soon.
Although
kind
of
the
way
blazer
was
built
with
the
DI
collection
baked
in
already
this
kind
of
less
motivation
for
some
of
the
mbm
frameworks
to
go
there
because
blazer
already
does
things
close
to
what
the
MBTA
and
frameworks
bring
anyway.
B
Next
thing
we're
gonna,
look
at,
and
we've
already
hinted
at
this
few
times
already
is
navigation,
so
I
like
to
handle
my
navigation.
In
my
view,
models
some
people
like
to
put
it
the
view
layer,
in
which
case
you
wouldn't
need
to
think
about
this
abstraction
you
can
just
navigate.
However,
you
feel
like
it,
but
if
it's
happening
in
the
view
models,
it
becomes
shareable
across
the
two.
B
So
the
Blazer
implementation
of
that
needs
to
use
the
navigation
manager
class
and
it
always
uses
URL
navigation
and
it
uses
that
route
syntax,
which
goes
present
a
slash
detail
and
then
the
ID
or
something
like
that.
So
that's
how
you
would
pass
in
an
ID.
You
can't
pass
in
Foucault's
or
plain
old
class
objects.
You
can
only
pass
around
strings
or
some
string
like
things,
so
you
can
pass
in
stewards
date
times.
Basically,
it's
got
to
be
able
to
be
serialized
and
put
in
the
URL
bar
xamarin
forms
navigation.
B
On
the
other
hand,
there
are
a
few
ways
you
can
do
it.
You
can
use
the
navigation
page,
which
we've
had
in
xamarin
forms
for
quite
a
while,
or
you
might
be
using
shell
and
in
within
shell,
there's
a
few
ways
of
doing
things.
You
can
push
things
and
pass
through
objects
or
you
can
use
the
shell
URLs
if
you're
gonna
be
doing
that
it
uses
query
string
syntax.
So
something
like
this
presenters
slash
detail.
B
Question
mark
ID
equals
one
two,
three
four
five,
which
means
we
can't
use
the
URLs
between
the
two
easily
without
a
bit
of
cleaning
up.
So
what
I've
got
is
I've
written
an
eye
navigation
service
which
just
has
a
couple
of
navigation
methods
and
then
I
use
to
implement
it
in
both
forms,
navigation
and
in
laser
navigation.
B
So
I've
said:
I
want
these
two
methods
navigate
to
page
a
sync
with
the
URL
and
a
navigate
to
page
a
sync
with
a
URL
and
a
parameter
key
and
a
parameter
value
in
if
you
want
more
than
one
parameter
key
and
more
than
one
value,
you're
going
to
need
to
implement
some
other
methods.
Here,
if
you
want
to
implement
navigating
back
that
sort
of
stuff,
you
can
add
whatever
you
like
to
your
interface
as
long
as
you
can
work
out
how
to
implement
it
in
both
of
them.
B
B
So
you
need
to
make
sure
you
get
a
fresh
instance
of
navigation
manager
for
each
new
page
and
as
long
as
you
stick
to
that
and
you've
got
this
registered
transient
you're
going
to
be
fine
and
then
what
I
call
that
navigate
to
page
async
with
the
URL
I
just
say,
navigation
manage
navigate
to
now.
Interestingly,
this
is
not
an
async
method,
but
because
I
want
a
sink
in.
My
demo
forms
implementation,
kind
of
gone
with
a
compromise,
and
so
I
just
return.
A
complete
task
same
things
happened
here.
B
B
B
Once
we've
got
multiple
parameters,
that's
gonna
get
a
bit
more
complex
but
definitely
manageable,
and
because
we
want
to
await
those
go
to
weigh
sinks
and
we've
got
the
choice
of
making
them
animated.
That's
why
we
need
them
in
async
tasks
here.
The
other
thing
of
interest.
That
kind
of
shows
that
the
interface
is
a
compromise
of
the
two
implementations
is
for
xamarin
forms
version
of
navigation.
B
Now,
in
terms
of
calling
this
code,
if
we
look
at
my
presenters
view,
model,
I've
got
this
open
presenter
method
which
can
either
navigate
to
the
page
with
a
new
presenter
or
the
one
you
clicked
on
so
I,
say:
navigation
service
stop
navigate
to
page
async,
and
we
pass
in
presenters
as
the
base
URL
slash
detail
and
give
it
the
key
and
the
value
if
you're
getting
into
a
larger
project.
You're
gonna
want
to
put
these
strings
in
some
constants
or
something
like
that
or
Island
is
having
inline
strings
all
over
the
place.
B
Cuz
you're
gonna
end
up
spelling
something
wrong
somewhere,
because
these
same
strings
need
to
match
the
page
as
they
go
to
so
over.
In
my
way,
the
pages
the
presented
detail,
page
raiser
here
I
register
for
I'll,
accept
the
URL
of
presenters,
slash,
detail
or
I'll
also
accept
the
URL
presenters,
slash
detail
with
an
ID
on
it.
B
B
B
If
you
want
to
see
a
good
example
of
how
to
wire
these
URLs
up
better
the
most
recent
stream
stream
that
Kim
and
I
did
on
twitch
TV
/
Kim
Philpott's.
We
spent
a
lot
of
time
discussing
what
the
best
way
to
do
that
was,
and
we've
got
a
pretty
clean
answer.
So
I'll
need
to
update
my
demos
for
that
soon
and
then
over
in
the
app
shell
zamel
see.
Yes,
we
do
need
to
register
that
route
as
well.
A
B
B
The
advantage
here
is:
it's
really
quick
to
get
started.
Just
in
your
code
behind
in
your
forms
projects
you
can
call
any
of
those
forms
plugins
or
in
your
blazer
page.
You
can
call
any
blazer
api's
or
make
some
JavaScript
calls
problem.
Is
that
you're
gonna?
Be
writing
a
lot
of
that
code?
Twice?
It
probably
breaks
the
MVVM
pattern
as
well.
If
it's
some
code
that
you
would
rather
have
handled.
In
your
view,
models.
B
The
other
option
is
to
abstract
it
into
an
interface
and
have
it
implemented
on
both.
So
it's
a
little
bit
more
work
to
get
it
wired
up,
but
it
makes
it
reusable
and
it
also
hopefully
puts
that
code
somewhere.
That
is
not
just
reusable
across
your
well
there's
a
few
levels
of
reusability
here,
one
in
where
you're
calling
it
in
your
app
that
code
gets
reused
across
blazer
and
xamarin
forms.
B
Then
the
bits
that
you
implement
in
a
service
become
reusable
throughout
your
app
and
then
also
when
you've
implemented
in
the
service.
That's
separated
out
from
your
page.
It
means
you
could
contribute
it
to
an
open-source
package
or
releases
your
own
litigate.
So,
ideally,
without
doing
give
and
I've
basically
implemented
the
same
API
is
that
James
has
done
for
the
media.
Plugin
I
should
have
a
pull
request
to
add
blazer
support
for
that
Schumi
I
can
get
it
up
to
a
standard
that
works
everywhere
and
not
just
in
my
project.
B
So
in
my
travel
monkey
when
I
first
got
this
up,
it
was
a
completely
working
xamarin
forms
app
for
iOS
and
Android
that
calls
into
summer
Zillah
services,
but
because
it
was
built
just
for
xamarin
forms.
It
didn't
know
the
problems
that
I
would
run
into
when
I
ignored
the
rules
of
extending
this
xamarin
app
and
added
a
web
front-end.
So
originally
inside
the
view
model.
B
Which
will
be
in
this
core
project
on
the
ad
picture
page
in
here
there
used
to
be
a
bunch
of
calls
to
the
media
plug-in,
but
that's
not
allowed
anymore,
because
I
mean
a
core
project
which
can't
reference
it
so
because
of
kind
of
the
complexities
of
that
API
I
went
for
the
approach
of
just
calling
it
from
the
view.
So
in
my
xamarin
forms
ad
picture,
page
dot,
Sam
or
say
yes,
instead
of
when
they
click
the
button
to
take
a
photo
running
a
command.
B
B
B
Or
the
gallery
and
then
once
you've
chosen
one
of
them
if
you're
going
to
take
a
photo.
We
use
this
video
media
NuGet
package
to
capture
the
image
and
then
I
need
to
do
a
few
things
to
clean
that
up
and
get
it
into
a
byte
array
ready
to
be
sent
off
and
once
again
put
it
in
the
view
model
post
it
off
or
if,
instead
they
choose
to
upload
a
file.
B
The
other
thing
I've
been
doing,
which
I
don't
actually
call
in
any
of
these
projects
is
anywhere
I
use,
xamarin
essentials,
I'm
starting
to
implement
them
for
blazer
as
well,
and
hopefully
I
can
get
enough
of
them
implemented
that
can
get
all
these
Blazer
implementations
into
the
official
one.
So,
for
example,
in
a
different
project
when
I
needed
the
geolocation
API
s
call
I'm
using
them
in
the
mobile
app
and
I
want
to
use
them
in
the
browser
as
well.
B
I
implement
the
a
geolocation
interface
that
comes
from
Ryan
Davis's,
xamarin
essentials
interfaces,
plugins
nougat
and
then,
if
I'm,
informed,
it'll
call
the
original
implementations
from
the
proper
nougat
package
and
if
I'm
in
blazer
I
implemented
myself-
and
this
is
one
of
those
times,
I
needed
to
use
JavaScript
so
I
said
JSON
time.
Dot
invoke
async
and
I've
already
got
some
JavaScript
written
and
then
it'll
pass
back
that
location.
B
I've
also
done
something
similar
with
the
geocoding,
so
this
one's
using
the
GUP,
the
Bing,
Maps,
geocoding,
API
or
I've
also
done
it
with
the
Google
Maps
geocoding
API,
and
also
the
browser
API.
As
far
as
our
on
essentials,
I've
got
that
mostly
implemented
here
enough
to
work
for
what
I
want
it
to
do.
So,
if,
in
any
of
your
view,
models
on
a
command,
you
say
open
browser.
This
will
open
that
up
in
a
new
tab
in
the
browser,
if
you're
in
blazer
or
it'll,
open
up
Chrome
or
Safari
or
whatever
on
your
device.
B
So,
for
example,
in
the
about
page,
looks
like
I
haven't
implemented
a
properly
here,
but
in
the
original
version
of
this
app
that
learn
more,
what
open
up
was
a
more
informs
Doc's.
What
I
need
to
do
is
tell
it
to
call
a
browser,
xamarin
essentials
implementation,
which,
if
it's
on
a
mobile
device,
that
will
call
the
official
one
if
it's
on
a
web
it'll
call
my
implementation.
B
Cool,
so
what
I've
talked
about
so
far
is
kind
of
how
I
use
xamarin
and
blazer
together,
but
there's
so
much
cool
stuff
going
on
out
there.
Frank
Krugers
Yury
project
is
not
blazer,
but
it
is
xamarin
forms
on
webassembly.
That's
super
cool,
there's,
also
their
blazer
mobile
bindings
and
also
people
who
know
doing
cool
stuff
so
blaze
and
move
our
bindings.
B
That
means
you
write
a
mobile
app
that
will
run
using
all
the
xamarin
forms,
controls
and
stuff
like
that,
but
instead
of
using
sam'l
you're
going
to
be
using
CS
HTML
and
all
that
razor
syntax
instead,
so
this
doesn't
make
a
razor
page
run
on
your
phone.
Nor
does
it
the
code
you
write
here.
Let
you
run
it
in
the
web.
What
it
does
is
it
gives
you
skills,
reuse.
B
So
if
you
don't
want
to
have
to
learn
how
to
write,
sam'l
and
razor-
or
even
if
you
know
both,
if
you
don't
want
a
team
of
developers,
switching
back
and
forth
between
two
languages,
if
you
write
razor
syntax,
you
can
write
your
xamarin
forms
apps.
So
this
is
kind
of
a
similar
concept
to
react
native,
except
instead
of
writing
JavaScript
and
it
giving
you
native
UI
elements.
You
write,
blazer
and
it
gives
you
negative
UI
elements.
B
So
this
is
really
cool
and
they're
doing
a
lot
of
stuff
kind
of
experimenting
with
where
that
boundary
between
xamarin
forms
and
blazer
sits
and
all
sorts
of
interrupts
it's
experimental
at
the
moment.
But
it's
really
cool,
then
there's
me
by
Frank
Kruger
that
lets
you
write
xamarin
forms
amel
that
will
then
run
in
the
browser
that
can
also
do
either
server
side
or
web
assembly
I
believe
is
just
updated
quite
recently
on
Twitch,
although
unfortunately
I'm
always
asleep,
while
Frank's
on
Twitch.
B
A
you
WP
up
and
then
it
can
run
anywhere
so
you're
using
UWP,
zamel
or
perhaps
you're
writing
as
a
more
informs
app
that
can
target
you
WP
and
then
run
it
anywhere.
So
you
can
get
your
zaman
forms
among
all
your
you
WP
zamel
running
in
webassembly
or
iOS
Android
Windows
Mac.
This
is
another
example
of
huge
code
reuse
beyond
what
I've
looking
at
being
looking
at,
because
you
really
can
use
those
user
interfaces
and
you
there.
So
you
know
really
cool
as
well.
B
For
anyone
wanting
to
get
into
later,
highly
recommend
this
book
by
ed
Charbonneau
who
works
for
telluric,
plays
a
beginner's
guide
and
he
has
a
lot
of
twitch
streaming
as
well
doing
blazed,
and
this
is
my
last
slide
with
just
a
few
links
and
details
sit
down
the
bottom
there's
all
my
URLs
come
on
get
up
Twitter
twitch
everywhere.
It's
like
on
W
Gordon
I've
got
a
blog
post
out,
which
is
what
I
originally
caught
James's
eye
blazes
them
our
own
code
sharing.
B
It's
basically
saying
content
I've
covered
here
today,
but
in
blog
format
and
these
slides
I'm
presenting
now
you
can
go
bitly,
slash
glamouring.
As
I
mentioned,
I
stream
on
twitch
when
I
say
Tuesday
mornings,
I
mean
Monday,
4
p.m.
see
Alan,
Carr
and
Kim
and
I
do
another
weekly
stream
working
together,
that's
I,
believe
4
a.m.
Wednesday,
for
you,
so
I
think
we
mostly
get
Europeans
and
Australians
in
that
one.
B
A
The
eyes,
thank
you
yeah
so
far.
Thank
you.
A
lock
on
is
pretty
much
awesome
and
I
really
like
how
you
went
through
all
the
different
components,
and
it
definitely
answer
a
lot
of
my
questions
along
the
way,
which
is
awesome.
I
think
we
had
a
lot
of
good
discussion
in
the
chat
anyone
can
chime
in
if
they
have
any
more
chats,
but
mostly
it's
been
kind
of
in
chill
mode.
Now
that
the
cat
is
left,
so
I
mean
yeah.
What's
the
point
is
having
a
sleep
behind
me?
Oh.
A
Nice
also
I'll
put
all
the
links
into
the
show
notes
and
also
yeah,
because
those
slides
already
there
so
I'll
put
the
links
down
there
and
then
this
video
is
also
available
on
demand
via
the
same
link
as
well
so
and
they're
all
on
the
net.
Foundation
YouTube
yeah
call
them
I.
Think
that's
it!
Thank
you
thanks
everyone
for
coming
along
yeah!
Thank
you
so
much
for
taking
time
out
of
your
I,
don't
even
know
what
is
over
there
afternoon
morning
evening,
softening
now.
A
Oh
nice,
oh
well,
go
enjoy
your
afternoon
thanks
everyone
for
hanging
out
I
hope
you
enjoy
your
beautiful
Sunday
evening
with
anyone
in
the
chat
is
in
Seattle
or
wherever
you
are
in
the
world
Lachlan.
Thank
you
so
much
again,
bye
all
right,
bye!
Everyone
we'll
see
you
maybe
next
month,
all
right
now
we're
gonna
end.
The
stream
see
how
this
works.
Bye.