All language subtitles for CRUD w_ Blazor in .NET 8 -- All Render Modes (SSR_ Server_ Wasm_ Auto)_ Entity Framework _ SQL Server(720P_HD)

Hello my dear friends
Patrick here and welcome

to the karate tutorial
for blazer in dot net

eight boy this was a
rights i already recorded

the tutorial i didn't
expect it to be that long

but i covered

everything all the random mods
we've got static server side rendering.

We are using stream rendering we're
using the new form capabilities meaning.

Service had rendering without
web sockets or webassembly

so no interactivity actually
but still we can use a form

to for instance create something
right create any kind of entity

and then be also used the server random oh
note webassembly render mode and also the

auto render mortgages of course
server and then webassembly.

I will go

pretty deep actually cover

yeah in in my opinion everything

so you can learn a lot in this tutorial
some errors happen because it was kind of

life new experiences here
but you live in and right

so i hope you enjoy it
and learned a lot and if so

you know the drill
please hit the like button.

Subscribe to my channel does make a
difference so thank you so much for doing that

and if you want to support me scroll a
bit further down there is the link to my

patriot page so all my patrons thank
you so so much for supporting the already

i will love you forever.

Ants

if you're still here

make sure to check
out the link for the twenty

twenty four edition of
the dot net web academy

where we of course.

Cover everything dot
net eight related meaning

web a p i

and also blazer.

Now server web assembly as

are

whatever you can think of

everything with dot net eight so this is
what we going to do in the upcoming done by

macadam Ketamine so make sure to check out
the link in the bitter description to join

that waiting list now without
further do enjoy the tutorial

all right so here we are better suited
twenty twenty two is the preview edition one.

And

i can tell you already this will
be interesting because when we.

Now a filter for the plays the template
see you see before the please a web app

and the blizzard webassembly stand
alone it but this is the new stuff right

so here this is still
older stuff you can use

but you see that blazer whip
assembly you will you have the.

Mt application here.

But

for dot net eight.

We actually only have
Blaze a webapp and blazer

assembly standalone app.

Quick word about blazer
webassembly stand alone

when we go here

just click this through

you see that we have no as peanut corp
hosted option right so when we create this

you see it's only one
project only the client project.

Big advantage is you
can still use azure static

web apps for that for
instance to deploy this

but.

No web api i in here so.

This is

somehow what you used to when you're coming
from that the Blaze a whip assembly team.

But the files have changed a little bit
structure changed a little bit and you only

have the climb project here so no web api
i of course you can still built you are at

your baby i project here and
a chef project and then you

have the architecture that
you probably already used to.

With thousand and
seven for instance

but what

i think Microsoft wants us

to use is the new blazer a web
app template so let's just do that.

And then i will show you all the
random out so blase a web app it is.

And we called is now a blazer.

Karate.

Dot net.

Aids all rights now i'm
using here the preview

edition or the rc
to release can it to.

But in my experience
not a lot will change for the

final release so we can
still use this version here.

What.

We now see is that we've
got authentication types

or actually one type
that we can choose from

with that we already gets.

Razor components for identity the
that's nice but this is for another video.

Be configured this
bright GPS standard stuff.

And now comes the interesting
stuff and when you have a look here.

I told you that already in a

couple of videos but

let's just recap
this real quick.

So when you say interactivity type is none
then you've got service had rendering but

not the blazers survey
type with websockets

you've got static
server side rendering

so your.

Results your htm l will be built

on the server and the
client gets than the finished.

Html the finished
file finished stuff

so so

no websocket connection and no
webassembly downloaded to the client

but this is the
different of course with.

Interactivity type

server which also called the render
mode you will see that when we used the or

the attributes.

And we also have the interactivity type or
render mode web assembly and then both

is auto

know this means this
is the blazers service

stuff you know from
dot net seven and before

so here we will.

Open a websocket connection that is active
and you have interactivity meaning when

you click on a button then
something will probably happen

the server knows that you
have clicked on that button.

This will not work
when you select

none because then you only
have a static website you can add.

As many buttons as you want

but no button will do

anything.

Except maybe a hover
effect click effect or something.

Webassembly similar to server you've got
into activity but not with web sockets this

time you're using
well webassembly so

we have.

The code in essence
download it to the clients

and you can use

your buttons your forms
whatever you want to use

even

way when you're
offline or right still works

does not the case with a
websocket connection here

and also now means

that.

Your interactive component or page
will start using a websocket connection

but in the background the
wasn't files will be downloaded

and when you then
visit this page again

the is important

when you for instance
reload this page then not

while you're.

On that page for the very
first time there's another

not a switch happening from
websocket to web assembly

on the fly

this just means that the wasn't files
will be downloaded in the background

and then

when you visit this page again

and your present Rosa nose or
sees oh we've got the wasn't files

are ready

then this will be used instead
of the websocket connection

pretty nice stuff.

Actually but let's just see how
it works fall across operation

still i want to select this
thing here because with that.

I get

to projects a blazer serve a project in
essence which is also a web a p i if you want

all the a p i
capabilities are there.

And.

We also got another
project for all the

webassembly assembly
stuff but let's have a look.

At that in a minute

and one more thing we can
configure here is interactivity location

and as is also new with
or release candidate to

this just means.

When you for inst since say
okay i want interactivity type server.

And then also global
then this is in essence

a blazer server
application as you know it

from dot net seven and before

not totally the case

with this configuration
here because you get

another project an extra
project for web assembly

where the then the
Blaze a server project is

your web a p i a
peanut corp hosted right.

And then also another projects for your
components i know and now it's getting

complicated so let's
just have a look at all that

and i hope

that then everything.

Becomes clearer now here include sample
pages this just means that you get the the

typical weather forecast for
instance and the counter example.

And when you don't
check this then you've got

the same stuff you've
got with the older empty

templates all right
so let's just at the.

Examples so
again dot net eight r

to in this example

auto interactivity types of got servant
of and represents the and per page

components.

Let's sit create and then let's have a
look alright we are already here real quick

the dot net web academy
twenty twenty four

edition will be open for
enrollment very soon.

In there we will cover everything dot
net eight related meaning web api eyes

and blazer

webassembly server static server
side rendering stream rendering

everything you can think of everything done
at aid related this is what we are going

to do there and we
will have a deeper look.

At the

architecture there as well so how would
you now build your solution what project

should you create if
you wanna beat the first

to know note when
this thing is available.

A bit further down in the video description
you will find the link and now let's

continue with the tutorial i
also wanna already won a state.

Because this was
important for me i.

M used to

web assembly as peanut corp hosted i
laughed that architecture because they're

you had your
client project which

was well the client the user
interface right so you've got all your

pages your components
there you see now here

to projects with

blazer components
pages and so on.

And then you also had your
web a p i n de shared project

awesome stuff because
this is what fascinated me.

When i saw blades a representative for
the very first time you've got your client

project or server project everything with
dot net nc shop and also a shared project.

You could host everything

on azure and

both of the back and the server.

And client

the front and

could use the the entities from
the share project for instance.

Amazing stuff when you're
coming from angular for instance as i

am

then you know that you would have to create
your objects on your back end and for the

web web a b i and stuff and
also the same while you should

at least an hour javascript
you don't have to but

would be nice

to create your

entities there or the
your dios there as well.

Not the case your huh.

Could use both

we can still do it but we
have to think differently i know

I've talking a lot about
that but it is important to me

anything it is important
to stay that the.

The way we will develop blazer
apps in the future may change

if you still want to use
webassembly if you

only want to use server
then not a lot will change.

Actually

i think bear with me here.

This is a

new stuff.

Not that experienced.

Yet but of course i will.

I will try

to answer your questions and the
well provide more videos about that stuff.

Anyways let's just run
this and then we'll see.

What is actually going to
happen in the browser ah

so

there we

are and let's just open
the console because of this

is important we have to
see what's going on there.

Here now.

The hello world
page the home page.

Static rendering okay

let's have a look at the coat

here we've got our pages home

and you see nothing
is here know no.

Random mode what so ever

this is different here
on the counter page.

We see this attribute
render mode interactivity.

One more hints about that
on this official blog post here.

By and den a roth
release candidate to

we see that they
choose changed the.

Attribute actually
them event yet there is

so here now you
see the old way is.

Already the old way.

Air to use the attribute render mode
and then whatever you want to use

the new way will be with the or
release the official release of donate.

Maybe you already

half the or

that net aid stk their know r c

one to whatever.

Then you see that you can use

this thing here arrived render
mode and then interactive

server but as it can see on
here this paragraph above.

That

to be able to use it that
way you would also have to

add a using direct is actually
be caused by me now go

go back here

and i'm trying to
use the random oats

and then

interactive auto for instance.

Visual studio has no
idea what i want to do

so what i have to do
actually it's not loading at all

i have to and that

like that and maybe
i have to rebuild it

or it's still no syntax
highlighting what so however

let's try that

yet rebuild

failed

because it doesn't know what
this is so you have to add the

random what right or a
Eddie using direct of what.

You want to use

the problem i had with this
because he was see that in a minute.

That i cannot set the
pre rendering flag here

i have to or if i wanted
changed the pre rendering and

this is really important
again if you're coming from

web assembly maybe you use
it i didn't because i build apps

a

it wasn't really
important for me but.

If it is important for you

then.

You can

set of the flag here for
for instance by default

pre rendering is

enabled.

For server

random mode and
web assembly as well

so if this is important to you may you
still want to use the attribute here or.

At a little configuration here.

According to the to the post here
by you can then set the pre rendering.

Because this has an interesting effects
when rebuild our own pages these are the

exempt pages of
course they just work.

Let's have a look at them again

all right so here we are again the home
page is simply aesthetic rendering when we.

Again have a look at the the
developer console and here than

the page this is what

get all right.

Now let's have a laugh look

at the weather page.

You saw that short loading

and he didn't
don't see anything.

On let me just try
this one more time

there it is

and hill you see we've
got the loading screen

or the loading text.

And then after a while
we see of the data

okay.

Now what's that this is the
stream rendering i have to

explain this again i dunno if
you watch my earlier videos.

So when we now go to the weather
and by the way you will see me

wandering around.

Here in the solution explorer

because i'm still not use it

to look for the pages
and the components

in to two projects all right so there are
pages here there are pages there at i

still.

Well i'm

a and never find them

directly

but i hope this changes in the future but
still here you what you see is the stream

rendering so this means that we
have the static service side rendering

meaning everything
is built on the

on the server.

We are

can i can see the data then

but when we.

Would not

half dead we can set this to
fall to simply comment this out

and restart the application

and then you would see that.

Takes a little while.

To get their.

See that.

He and the counter and then
go back to the weather page.

And it it takes her off a
second well ways that.

They they just simulated this
asynchronous call let's say so it takes

half a second

can set this to a
second of course

and then.

What i want to show you is simply
that without stream rendering.

This means that we
really have to wait

for this page to load the

before or the data to load before we
can actually go there and see the data

but you know you see that the data's already
here right and with stream rendering.

We can

well

see already let's see the skeleton
the shell whatever you name it.

And

until the forecasts are
loaded in this example well we

we just see this loading
text and it comes later nice.

Actually for the use experience.

And still no interactivity
right so still no

server side rendering
static it's static they

called it static so as
had rendering but no

web sockets so not really

blazer server as
you're used to it

and.

Absolutely no webassembly stuff

so.

In essence

and

again

already very important.

You can built your.

Applications

a lots

of your applications just using these
two features static server side rendering.

And stream rendering

big cause if you need a form.

There's still the option to

use the edit form with

two more

parameters

and one attribute their
you say supply this

a

data from a form.

For parameters here in the coat blog again
if use it i hope you know what i'm saying

and then and then you're done

it works

all right so.

Actually great stuff but now comes the other
kind of interactivity so let's just say.

We want to use a button like here
the counter pitch this is no form riot.

So

what we can do we can click here

and we see a result

great the counter is increased

but when we got the
condo page and you

it here

rena mode auto is
used but we are here.

On our client project which
is the web assembly project

this is necessary because
well with the auto render mode.

We want to use also the
web assembly random out.

Right after our first load.

So we have to
set this page then.

In the clan project
because everything.

Where you want to use web
assembly has to be created or said here.

In the client project this

is

important

that what does this thing doing

again let's just comment
this out and have a quick look

and now

no interactivity i
concur click here.

As much as i want
but nothing will happen.

Well it's just static services rendered
right we have no interactivity here

and now let's have a
quick look again i have to.

Clear the site data.

And now him he could to.

There is

ah first disclaimer this year is visual
studio and hot reload stops with is not the

websocket connection
i am talking about.

Of

now

uncommon this again.

The restart the app

it will load and this is now the websocket
connection i am talking about right.

So here now and
we go to messages.

We should be able to see.

Something is happening.

And may be be also see
yet we see some values here.

Where the user.

Has clicked so this is really
the web suck connection

but we also.

See that wasn't files
have been downloaded

and this is what also
happens when you use only

the.

The servant or to the
interactive server render moat

right you have the
websocket connection

and when he used interactive
webassembly then you see

that.

These files will be
downloaded and in this case

both is here right we have
the websocket connection

and also the wasn't fights and you can see
that as well here in cant and the console

you see the websocket
connection is here.

Great stuff now is when we go
to the homepage for instance.

Then after a couple
of seconds yip.

The connection is
disconnected this is nice

are at loft that this
is really really great

so no epic saga connection
here because we don't need it

of course this
different when you use.

The global

render model the
global interactivity i'm

against still not used
to all these new terms

but i think you get what i
mean here and sorry that

we haven't even started
with all the crud operations

but i think it's important to.

Well

to try to understand this before we start
with crutch and if you're already bought

check out the times
coats below because then.

Of course you can.

Jump to the chapter
you want to see.

Okay so now we've got the websocket
connection but now the question is.

Again.

We want to have a look here.

And what happens
knowing i go back to server

server.

An

alternate whether just to counter we
don't see here that a websocket connection

has been established riot same

for the console there is no new websocket
connection again we go here and back.

Nothing happens and even
when re reload the page now.

We see only

websocket all right so this
means not this is happening.

On the client with the help

of webassembly

okay.

So far so good
these other animals

you can set them globally you
can set them per page or component

and now let's try
to create our crutch

application or kratz

operate Patience.

Again

you name it.

So what am i do
is a really simple.

Really really

simple example for that
lemme just create one folder

for our entities and this
will be simply one entity

entity it is.

And here i add one item

and there should be a
video game bribery three

so it's a bit more fun
for me but in essence

at least for me
maybe for you to.

And i just use an
integer for the i d that was

hitting tip

one time too often

and also the name this is grade
and it said this required so here now

this is a entity

alright

to key keep this
really really simple

and want to use also entity
framework here with sql server

and oh i said simple but

maybe this is a.

Tiny bit more realistic than
when we have a real database.

Behind that application so let's let's
at the boiler plate coat for that as well.

We've got our data for the here

and we add also i want and data

context inherits from dp

context and of course

with control period we
get the quick fix menu.

And we install
the latest version

now for that we
need a constructor

the data context constructed
with the db context.

Options.

With our data context
call this options.

And here we use
the base constructor.

As well and we only need one

dataset

so db set

of type

game

and we simply call this

game's.

All right right so.

S then will be.

Arbiter gains oh
against table will that be.

For that we also need a connection
string of course surreal that's at this

call this by default default.

Connection

and in my case i'm
using secrets of express

if you don't have it installed please
just Google for sql server exp press

maybe also for the sql server.

Management studio install
all that and you're good to go.

So he knows this shall be server

sql.

Eggs press database name

is my video game in d b

we say trust it's
an escort can action

is true.

And trust server

certificate is also

true

hope there is no typo
and this should be

our

default connection now here

we set.

Or register.

Db context

so we say builder

services

and d be

contact texts

with our data context and here.

We want to say

or here we say

that we want to use sql server

alright so here now.

Options use sql server.

Need a package for that as well.

Well let's install this
manually than in a sec

but he and

we say for configuration.

Configuration.

Get connection string.

The fault

connection

we at.

To parentheses and and

then this is the
only thing that's left

or right now we need in you
get packages and since i'm using.

The rc to here i was a bit
confused because i haven't seen.

That

here the official release has been
installed from entry from a core.

So what i have to
do just in my case

and if you want to
use priorities as well

or not for the solution
right click the so a project.

Manager get packages.

And here now

check that include
pre-release and first lemme.

Have a look here as from a core
we have to update this actually

to then the.

Rc to version because of the
when we are able to also install.

The other version
or the other packages

rather so huh now

exactly first thing Microsoft
and from a course sql server.

Let me make this a bigger
this is the wonders of the

provide out for sql server
if you want to use that.

So let's just
install this thing.

We have it here and also oh for the
chorus migrations that i want to use here.

Minute the design package.

Except that.

All rights

and now

we have them here

isn't that nice.

Okay so again boilerplate stuff

and now he should be able

to at this

using director feared
yet this reference

all right now the next
thing we need we have our

packages here we can
debate shake here in the

server project file ride.

Is the next thing is
that dot net e f a tools.

So here now we
can enter dot net.

Tool install their
day ash global.

And again this is just
for entity framework and

the court forced
migration stuff and when i.

Enter this.

I see that it's already installed know
in my case i can just check with dot net

e f and we see
that I've got the.

I r c to a version of
that at eight installed

in your case again
this might be different.

So if you want to install it.

And you'll also
want to use the rc to.

Then use set this to
dash dash of version.

Then copy this.

At this year again
i get this error

but what i can do is
of course i can say.

Lemme just

an install this.

And install this thing

back i hope

not is already installed.

Okay wait a sec

and him he tried one more time or
there was a typo i guess uninstall.

Yeah now it's installed.

At uninstalled and now

installed

sorry of it's a bit confusing.

We have today
children at home one

of them

as a two month young
baby so my nights are well

different may be.

Okay this is boiler plate staff now migrations
we only want to have this game entity.

In our database for that we
can use code first migrations

and this is

interesting in this
little exe sample hear.

What i what we'll do now this is swell this
is simple we just run the migrations we

find data context here in this
project right in the server project.

We see the data conduct
is registered here the

database constant contact's
we have the entered here

everything's great

we will see that a migrations folder
will be created here in the sewer project.

But later.

When you and maybe you

already

had this question in your mind.

If you also want to use the
client here with this entity

and services that
we will create their.

Then we have to
change this a little bit

because what if you
want to add another entity.

Run the migration.

But the entity than is
and in another projects

be

well

it is getting confusing but
again once you get the hang of it

lives getting easier again

i guess so.

Where are we here so now we have to
go to the blazer crud dot net eight folder

and i think that
is still not enough.

We have to be here correct so this is
the project with our war entity of the data

for the and so on where
everything's registered

so now here we can
say dot net e f migrations.

At

a.

Should be initial.

I think this also
works anyways so

build a started and after
a couple of seconds i hope

our built fails science of look

of

the fuck

okay.

Let's just try that
one more time.

Nor can say he.

Alicia

okay maybe he should
close the project first or

stop the projects rather
so now for the third time

boots succeeded

i hope this little.

Arrows help you in
your developing process.

Now here we've got to a migrations
folder all right so here it is and we see.

I think you know this
already if knots i'm happy

to help but if you know that
of course feel free to skip.

This part of the video.

We create a table or called games
and only with an ID and a name

and in

the down method that will be the rollback
case of this migration we would just drop

this table so now
we can st dot net

he f

data base update yes it's update the command
even if the database does not exist yet

we want to

use of the update command
and as can see here now

we see that the database and the
table will be created i already opened the

management
studio and let me just

refresh every thing ignore
the other databases please this.

Stuff from the done and rep
academy and so on but this is now

the video game

db with our beautiful
games table.

And here we can see that there is not
allowed to see yet ID and name great so again

boilerplate stuff we are i think already
forty minutes in something like that.

I haven't even

wrote our first

across to commands okay so here

are the operation rather.

What i now want to do i want
to create a service that will use.

Of the a db context data
contexts and then the first thing

would be to.

Gets the game
stride just read them

for that i create another folder

and as say

services.

Let's create an
interface first were that.

So he now

this is our i game
service interface and here.

Also a new item which
is what game service.

This thing implements
the i games

and we can already
registered this thing.

So he and the programs
yes we say builder.

Services at scoped

game service that's the one

and we use the implementation
class game service

and this my friends

will come in very very handy.

When we also want to use
some of the crowd bureau

patients on the client
but more about that.

And a couple of
minutes so here now.

I mean i'm talking about
dependency injection.

We were write another
implementation class for the

a game servers interface.

Spoiler alert sorry about that.

So now

here let's just
create one method

and this shall be

returning task.

Of list.

Game

all rights and he
be called this get

all.

Games.

And now here we implement that

and we need again our data
context or private read only.

Data the context

context i know
the service is also.

Kind of a repository then

but it is

repository

and the

so he skipped one layer.

And you're not using a
data transfer objects here

again sorry about that
bear with me here this

shall be a quick tutorial
although it already will

take.

Long i guess

but it's everything's new
here right so we should.

Take the time him to
learn something you.

Also some fun

sometimes to
learn some new stuff

okay so get all games and
hear what you want to do is.

Just excess of a
context say games.

And we just want all of them.

And turn them into lists

async

alright so you know.

Don't forget the await keyboards

async task all rights.

And a decent actually
our game so violent games.

As this

and now here we return.

Our

almost all what

games okay so this is now.

The method.

Right.

And now we

build a page for that

so here and a pages we
add a new raise a component

and recall this ah let's
say this is now a one game.

Lists components.

This is a page so now we
say page games for instance.

Ants which can norm you do is we
are on the on the sava right you see this.

Difference to web assembly again i'm
coming from web assembly so he now

you do not have to
inject the http client

we don't make a web service

yet a web service called the essence
we just use of a service directly i know if

you're from blazer from
the blazers serve a team.

Then you're thinking what
the hell is he talking about it it's.

So simple right but

while not for everyone

so injects

i game service.

Games service and be neat.

A using director for that and
i don't like them here in my

components so let's just at
them here in the inputs file.

And now

yep that is.

We have games so
huh now we have a list.

Of a game

again.

This is something else
we can use our imports and

it is

and you now.

These are all one games

new list

of

game okay

and now on initialisation
of this component.

I wanna.

Get them all so
huh now projects it

overrides

on initialized async.

We just say.

Our games

is now

awaits

okay that's new

to the trusted is jumping
here of and i just write await.

It adds the ace and
keyboard but it is jumping

to the return type

alright.

Awaits game service

get all games.

Is ned nice

not getting interesting
so here now i say if

let's say

let me let me think about that

if the.

Games

are a bit differently
so what can do is also.

Which is say this
is now by default.

If games is

now

because there's.

An issue i want to show you

games are now

so now

we just.

Show again a loading texts.

Alright.

Else if

games counts

is zero.

And that case we say

no games found

alright.

And in the other case.

We just say

we.

Add an unordered lists and for.

Each.

Game

in our games list now.

We just

that span in this case.

This item.

With the game

name

all right

again

i hope simple stuff.

Looks great right

so let's have a look
wait one more thing.

We need the a bit
of needed but let's

look at the

neff menu know in the
components layout folder.

And here we add another

menu entry for.

On was sick a
terrific as then games

game James unfortunately the.

Or i'm i'm.

Not really sure how they.

Added the

bootstrap i can see her
because when i run this

i don't see the i can there

but we can add an svg
hewlett we do the real quick

see that we can go to icons.

The for instance we can
search for a controller.

Deep it also looks nice and years
the as bee gees one images copy that.

Back to the studio and you know

me just

paste this year save it

restored the up.

There it is

and we have our
beautiful i can hear

okay

let's just go there.

And

it

it it it takes.

You don't really
see this right it

takes a while but let me
show you what's going on here.

So we go now
again to our service

and similar to the

to the weather example here
we can actually just copy that

all rights and

put this here

that's just simulate a delay

so many games it takes
one second to load them

so now now

let's open the console again

and let's just see what's happening
here whether swan thing all right

and now let's go
to get i am clicking

now.

Takes a second
before we get there.

This sucks right.

Okay bear with me here.

This aesthetic
service side rendering

we have the exact
same scenario here

so we can now activate stream
rendering for our game lists i'm really not

used to still.

Game same list there is.

And now activate stream rendering see that
we see the loading text that's nice right.

This is different now.

Right

is the weather is the
counter but games.

We come to the pitch directly
we see the loading text and

know games found not it's at a
game in the database for instance.

Playing that.

Now so.

Alright.

And now

contact games loading.

Cyberpunk twenty seventy seven

isn't it nice

so again

static server side rendering

with stream rendering activated.

Still no.

Blazer server or web
assembly interactivity.

Okay

but this is coming

next now now

we want to adds

a button

that navigates as
to another page

and to be able to click
that button we need

interactivity and this
is getting interesting.

So the first thing.

Let's just that

at about button to creates a
or to navigate to a page that

enables us to key
creates a new game

alright.

So again

we add a new page

raise a components and let's just call
this edit because we will also use that.

To edit or update the game

and now here we said

page.

Edit game.

That

and let me add
another route here

already with a p diameter

integer a ID and this is this
important you have to set this to

integer here because by
default this will be a string

this leads to an arrow

and because our ideas
of type integer so you

have specified this
constrained the idea will be

an integer.

Added game does not exist in the

in individual city you
own like that so maybe.

Now he

she it it is more happy now.

Okay

that's nice but let's let's just

implement the create case so.

Create game for that we need
while the game here right so

the game that we want to
create so this one new game then

new game.

With the name name.

String m t by the.

Let's say.

And now we can already continue
with the edit forms for the edit form.

For those who

don't know this is the
typical built in component.

Of blazer

that is used to
well built a forum

and

do whatever you want with
that form create stuff update stuff.

They've even delete stuff.

We need a model for that
added form so it knows what's

going on here and what we
want to change for instance.

And we can add also.

As submit method also on Reddit
submit if you want to add validation

for instance you have
to set a name and can

display then and error message
all that stuff that we can do.

In other videos of course in the

and web academy

and so on

but a forty now let's try to keep the
simply because i have a feeling that this

tutorial will be very very long a
hemp plant this this is kinda life.

Really.

So

we just add a

label here for the name.

And again another built
in component inputs texts

it shall be for the name
we have bind the name.

Of our game so.

Named the game.

It's and he reaches display it's

and that's it for the
data and then we need

a button or answer here button type
important this is the submit button.

We can add a class like button
button a primary bootstrap stuff.

And call this submits

and then of course your to know
meet the handled submit method.

So this will probably be.

Also something a
synchronous so async task.

Handle submits

and now here.

We do something

alright

gimme a second here.

First we want to get to
that page right so the this is

actually everything
we need we have the.

We have no

routes file where he have to specify although
a routes this is the beauty of blazer

or one of the many
beauties of blazer.

For instance if
you know angular.

You know what i'm talking about.

So huh now this is everything
we need but again now we want

to navigate to that page of
course we could just use and.

A tech

with the nature of and so on

but let's say want
to use a button.

So be go back to our game lists.

And here now

i want to add button

give it the text

create a game.

And also a class
so button button.

Primary.

And in here now with at
all one click we can say.

When someone clicks this.

Recall a method

called create a game and
again here we will add a method

to navigate the user
to the other page.

For that we need the navigation manager
so let's inject this thing real quick.

Manager navigation a manager

and now down here

create

game

navigation manager not
the context the manager

manager

that's the one actually

yet there it is

and here we say edits dash.

Game

let's test that

so.

So many tabs open oh.

Okay it is rebuilding.

Me see loading twenty seven

so fuck twenty seventy seven

create the game

on oh we forgot something
we need interactivity

well of course let's
just add attribute

and then.

Render

mode interact active

server.

Right

restart.

With that.

The

twice.

What the heck.

Okay.

To hear back.

Loading twice.

Why's that.

And he go to

cricket

okay this is something as i forgot
but this is not important for now.

Important thing i
wanted to show you.

Is that it loads
twice so this is.

Already

one thing

to well.

Be careful about we edit
stream rendering and also.

Interactive server.

Now.

Interactive surrender
more does something similar

to stream a rendering but
but just to show you again

what is

happening here and want to.

Commend everything out.

So restart the application.

And huh no.

Again when we make the switch from
the counter page to the games page.

We get directly to that page right a
click and the pages they're loading great.

Now let's try it the other way.

Only interactive serve em out

all rights but now when i
got from counter to games.

Takes awhile i already clicked
and you've seen something.

Has already.

Been rendered there's somehow
and maybe we can already see it

also seed in the console
so we go to gain James.

While

literally in the console but

again we go to
counter then games.

There's some flickering
something is happening there

and i'm not sure what
is happening there

but i can tell you
that what i do now.

Thanks to the Twitter
community really.

Or x community sorry.

Pre rendering is enabled by default
all right so what you have to do.

If you don't want that flicker

and only want to
use interactive server.

Or maybe together
a stream rendering

then what you can do is.

Something like that
with there'd be disable.

Pre rendering just for that component
and you see no flicker any more.

We can get directly to that page it is
loading so this is the stream rendering action

and then

comes the interactive
service stuff.

What am not sure about
is why we he also see

the out this because
of the contest sorry.

Maybe i should to

choose the home
page for the switch.

So now here we see.

That the.

It has been a load it.

And we have no flicker
at all and we can go

to the great game
damages fixed and very quick

in the

and

games

and game there is.

And here we just and a

quick.

The

and.

I Dean Smith this know
as well and this is as a.

Parameter.

Form and everything
and now this should work.

Games.

Create.

A him

i made another
mistake oh my gosh.

That's what we're talking about.

Okay so now home games.

Create game no flicker we
can and do anything here.

Connection has
been disabled again.

We can come back here connection is here
again and so on but isn't the right way.

Maybe we can do this

a bit differently

well maybe but.

Again just in case you
want to dude like that may be.

Since we only need this button
here actually that should be interactive.

May we can create
another component

and just make this component
interactive and this component is

also just

a button

and know what you're thinking.

Patrick really

just the button read just only
create a button component.

Year sometimes it.

Might make sense but
of course is there are

many more options now

to realize this
functionality here

but let's just go with

the idea of creating.

This button now

and i'd say we add
a new folder for that.

And call this folder may be shared
because maybe we need this button.

At some other page as well and here now
we just say this is a new razor component.

And recalled this thing.

Create

game.

Button because the thing is.

You cannot simply say.

On clique we we use
a parameter for the.

For this but in here and say
okay with the perimeter then be set.

A function like the navigate
to function this will not work

because the coat
then is still here

and we need that co it's.

Actually in the
component that needs the

interactivity because
when the court is here.

This.

Component in would
not be interactive right

again we we don't want
to use that he re here

we just want to
use dream rendering

to display the list of our games

and then you want to make only this but
an interactive and whatever is happening.

Within this component
so inside that component

this shall be
interactive but for that

the code has also.

A has altered to be inside
that components so in essence.

He just grabbed that thing here.

That's.

And go to our create game button

put that here

also

at the navigation mintage
of course inject navigation.

Manager navigation

manager.

Alright and then the game lists.

Grabbed this thing.

And.

Put.

This here.

All right.

And.

He said the random
out so he now.

Again from the game
this let me just scrap that.

Like that.

And let's just say stream rendering
is fine let's see how this looks then.

And here in the game list now

we say.

This is our creates.

Game.

Button.

But maybe we can.

Rep that's.

Put that here so and using.

Like that.

So now

on the game list page
we have stream rendering.

Navigation manager
is not necessary here.

And now

we have our.

Create game button here we have

interactive serve a random out.

That should just navigate us to the
edit game page let's see if this works

a

i think that's it let me
go to the home page.

Reloads.

Could the games.

A k we have a websocket
connection or here.

Create game we get here.

And we see.

We we get to the page
directly and then after a couple

of while two seconds one
second whatever it was.

We see the list.

Of the games.

Okay so far.

One way to do it

again there are so
many ways to do that.

Okay now karate meaning
cree age we have to

read for all the games
and now creating a game.

Let's now say.

May be me don't want to create a game here
on the server because we've already seen

this actually works here on our a game list
page we see we can inject our game service

and called the get
all the games method

but now.

We need enough.

To create

a game and maybe
this is an opportunity

to use their to do that on the
client so how would be do that.

First we have to add something to our
server right at or service that's the one

so he now another method
returning the new game and call this

and game because we not
really Korea eating a game

you're adding a game.

All right so here.

Let's implement
that method as well

and simply say

context.

Games

and.

Game.

And then awaits.

It's not jumping to the return
type that was interesting.

And here we returned the new game
because with that are me safe that.

This thing he gets in ID because sql
server will curry or entity framework visit

secrets over its
secrets of a right

yes he were surveys creating an
i d automatically for i want new entity

and with that then.

We get this ID so
when return that thing.

We have the name of
the game and also the ID.

Beautiful stuff.

So we could simply do that on the
server for instance here now we just say.

Again the injects.

I game service.

Games service.

And say

weights.

Game service.

At game.

Game.

All right

now the thing is again.

No interactivity here so

even when we have
implemented all that.

We can go to games.

Maybe he also.

Got to games
loading create a game

and on as such
let's just say the.

Last of us submits
it's telling us the pulse

request doesn't specify
which form being submitted.

And sure form elements
have a form name.

Attribute with any unique value or http
loss of form name parameter of using.

Edit former case so this
is something new right.

So.

Before we jump to web assembly.

Or adding interactivity here
maybe we can do something else

so of form

name.

Let's say form name is here will

and it's game.

And then we also need this

thing here and we can
add another attribute.

Supply parameter from.

Form.

Can it's safe that and
try that one more time.

Nope not working

was that this has to be

a yeah of course this
is a parameter right

so this also has to
be a property now

so let's make

this a property real quick.

Gets or.

Sets

that's

let's try the now

let's start with the game list
recreate a game and know the last of.

Us submits.

Something was happening.

Be go to games.

We have our game.

Okay not bad it's.

Not that so again no
interactivity here on this page

it's still.

Only service and rendering

but we can use that form.

That's nice.

And now.

Actually what we can do.

Is we can do the same thing.

For

updating a game

but what about deleting for
instance well deleting would be than of

batson in essence that we can
put here or on the game list again.

So the this could be similar to.

Actually

the stuff we have already implemented
right so here for instance in the are.

In the game lists

be can.

Hear.

That something i.

Wanted to implement any ways
and edit button which is again.

A separate component
and then also

delete button which

which can be.

A separate component in this
then has the interactivity for instance.

Of the edit button
can also be a link

but the delete
button really has to.

Make let's say.

A call to a service then and
the service then gripped the ID.

And deletes the game then.

On the database

well

again so so many options
so many possibilities so how

should be do that now well
this is an example editorial

so i want to show
you something else.

Again be go to edit game

we see this form works

but now let's forget.

The the new form with
service had rendering

although it is great that
it works that way rights.

Again i have to repeat that.

This is Sarah side rendering
with of form enabled so we.

Kinda have indoor activity without web
sockets and with vowed webassembly.

Actually great stuff

but now let's say we
want to use that on the

client you want to
download this form and.

Enable the user
to use that form.

On the client when the your
users offline for instance may be.

We.

Well it's a big
form that the user

enters lots and lots of
stuff and then we want

to make use of the
local storage jj as well

to store that maybe temporality

and to well for that we
need web Sandy right

so how would that work

well.

Microsoft said

we can simply use attributes.

And then.

Random out

and are active.

Web

assembly.

Right.

Almost.

Like that.

Let's save that now

and have look

floating create game.

Okay this does not work couldn't be found
in the assembly blazer crush on at date.

The of course

because maybe you paid
attention at the beginning

and you haven't
skipped the video right.

When we now want to use that on the
client we have to move the whole component

component

or page to the client as well

so what we have to do it

reaches

move it's.

Almost here down one here

now we've got edit game

on the client and we
can actually remove that

to be able to make this Burke.

We have to pay attention
to the program c as here

because it says.

Ah

regarding the services at
Reza components are right

then interactive server components and
also interactive web assembly components.

This is an essence the
important stuff when euro.

A starting with the
auto interactive.

Random out template option.

It

adds these two lines right

servant activities
this line where percent

this line and also don't hear.

There is also important.

Server and a emote

interact with the web assembly serve
a moat and you need the assembly.

A from the clan project and this is just
one way to do it you just get the assembly

with the

help of the countess when you remove that
i think you have to pay attention than.

That this still works.

You don't have to do that for every component
of every http page two just need the

assembly once and this is just
one way to get the assembly.

Of the client project.

So now he have this here.

On the client but
you see already.

Wait a second.

As a problem here.

We want to use that serve this

you want to use that
entity so what can we do.

Well.

Actually.

I.

Can we

know we we cannot
really reference.

The the product now
riot because here you see.

That the.

The client project
is referenced.

Women are try to

do it the other way.

This cannot work right.

Let me just at
project reference here

this the sewer project

though of course it doesn't because
then we would have a circular dependency.

Does not work.

So what do we have to do.

Oh gee i implemented
so much stuff.

Now.

I have to

grab everything the entities the services
may be even data data context and stuff.

And put that in a
separate projects.

And when you see
that then you see

again when you're coming
from the webassembly world.

It's pretty much the same thing

right the sir blazer starve a
project then is the web a p i.

Declined project is our
laser weapons and the client

and then we at a class library

for all the shout stuff

it's.

While it's almost the same not
really but let's just continue here.

We add it's one projects.

And i really wasn't thinking

that this.

Tutorial it's getting that long.

A class library ants.

Again bear with me here
regarding the architecture

we can do that

way better

and i think i will also make a video
about architecture know because it's really

getting interesting with the
new blazer web temper that.

But for now let's just create
a shared project or ride.

A called it blazer.

Kratz.

Dodds net

aids and now shared okay.

He could of course also
added domain projects.

Using a layered architecture

then.

Maybe a data access lay a business logic
layer for the serves and so on or maybe even

use clean architect attending the
comments what do you want to see.

And i am happy to created then
we have the persistence layer.

The or infrastructure and so on.

But for now let's just
use this shout stuff.

We remove our example
class and now oh my gosh.

We need the services so let's
put them there and lead them here.

So we have to
change the the using

of the namespaces.

We need the entity
in a mrs claus that.

Data something we needs.

He also need the.

The

entity and that's what i was
talking about and he here.

Migrations is now also
very interesting because.

We.

Register

the data context here bots

the entity and the db
context is here in the

shared project so you
have to pay attention then

when you use.

A entity framework with corporate coffers
migrations the easiest way to do it is

you go to the shared folder.

And then set

the the

a project right so for
instance if you to think that.

And see the hulk

and then you have uttered this.

Attribute this option here.

And and with dead then you can set the
start a project you so you just do the same

thing you say migrations
add initial for instance

but then set start a project

is.

This thing so you are
you have to navigate than

to this folder but you.

Are set to run this command in the
shared folder then this should work.

Anyway so here we have now our
key opponents still in the Sarah project.

Couric and button

great stuff and the
migrations as well.

But now hear what we actually need
is the data context year the game here

the entity and
the services again

you can even separate
the concerns even further.

So that you would have.

Again a project for just the
data context for the entities

for the services but for now i think
for the story it's already long enough.

So he now we
have to change that.

Lemme fixed the
namespaces first.

So now this is shared.

So this

has to be correct right.

From its make this
corrects here shared shared.

And here as well.

This should be

that and that's.

And here as well nope that

was not the correct
one that's the one.

When as you can see
here we have to also install.

The

package.

Yep

that's the one.

Okay so he and of the entity.

And also the sir this.

Wait a sec.

That's.

A namespace for that's.

Okay so this should be sets.

And now let's have a look
here in the program c s.

Shared a can of course we
have to reference this but.

The

needs it as well so.

Maybe we can at the dependency
here at project reference

shared folder all rights.

And with that then.

Sure about this.

Is going on here.

Shared data

yip.

Okay if got have service.

This is corrects.

And know regarding the
dependencies you can see.

That we've got the shared project
referenced in the client projects

right.

And with that then

since the service
references the client project

we also have the shared.

Project referenced.

Okay so now this should at least built
right let me just rebuilt the solution.

While i already
seen around here.

Yup

there was something missing.

Okay

and now let's try the
and one more time.

Okay

and the game service.

I game sir this so
now here we are.

Yeah of course.

Me needs

this thing.

You know in our using says.

And on saw the entities.

And that he

should be called
entities rights.

Anyways.

So.

Also let me have a quick
look here in the imports.

This should actually also be

shared.

And.

Here.

As

okay let's have another look

while there's a lot to
think about okay no

said the migration files

shirts shared

okay at least it's building now.

Can we run it.

Yep and also runs sonatas
go back to the home page.

You moved everything
we go to games.

Castel works no

create game

this connect

oh still not working

one of my errors game servers
we don't have a game servers.

Yeah out

now this is getting really
interesting because.

When we have a look here.

One.

Well.

At first one might assume

okay

so now we have the option.

To use the render modes.

And whenever we want them

to use right so meaning when i want to
use webassembly here i can just use the web

assembly and
everything just works right.

Well not really

this

is the clients.

When you have a look here at the frameworks
you see Microsoft dot net as well it's.

Microsoft dot.

Net core dot app.

When you have a look here.

Frameworks we have the same
one but also as peanut corp so again

this means this thing huh has
all the web a api i capabilities.

We are on the server here.

Now this service.

Uses the data contexts

and.

This can not work on the client.

This only works on the server.

So what can we do here
well in the and this means.

That

still of course with
the new boy blazer

and calling it new blazer because we are
not allowed to say blazer united any more

because it's it's not caught the
united it's let's just say dot net a laser.

And the web
assembly render mode.

We still have to
make and a p i call.

Right.

So in essence the same
we had with dot net seven.

And before

so now when you really
want to mix that stuff.

You can use the service
directly in a component that is

placed on the server and uses
the server interactive mode.

But if you want to use the web assembly
random mode you still need in a p i call.

So how the heck.

Are we implementing this well.

I told you that already
and that's the reason why

this is a web a

i hear this project so what we
can do is we can simply say.

At

a new folder

called this folder.

Control us.

And you know.

He had a new

i controller.

So Eva controller.

Standard stuff.

This is now our game controller.

And in here.

We and our constructor.

And are we add Ottawa
game service so i game service.

Service.

Almost like that.

We create and assign.

The fields.

At the underscore here.

And then be.

At an in point to create again

okay so that should be.

Ancient e p

posts

public

async

task.

Action results game

we need the entity.

At games.

And then again.

The not added detail here just
for this tutorial it is long enough.

Var.

Se and at game then

is awaits

game service at
game andrey return.

Okay.

Added game soon he knows.

First

implementation
of our controller.

But now we also have to register
the http clients and we have to do it.

On both projects.

So here we have a program
yes you see nothing is registered.

And.

I know maybe you thought well.

Maybe we should first try to
register the game service and it

will work.

It doesn't

all right so of course we can.

The services and we have
food but gimme a minute.

And oh lots of
complicated stuff.

At scoped.

I game service game service

and also http.

Client so that
would be billed the.

Services and scoped.

And then

let's call this a sheep he

is

and you

it.

http clients.

With a base address and
the space address is then you

you are i.

With builder.

Environments.

Base address

and we have to do almost
the same stuff on the

server our so actually
maybe we can just copy that

go up to here.

And now.

Here we say.

Well we could
hardcode this or say

configuration.

So we put this into the.

App settings.

Get

section

and i will add something like.

Base your eye.

It's and from the
beneath the value.

All rights.

Yeah there's a
value short but that's.

Okay

and know.

And the of settings here he say.

Base.

Jewelry you re.

And

one that this is not a section.

This is just a string.

And let me have a quick look.

And our launch settings.

That's the one so
he just pasted here

and we should be good to go.

Rights.

One nothing's missing.

We have the services
you know a shared folder

we

are using actually already.

This.

Service here

wouldn't it be nice if you would

be really able to
use the service

and we do not have to.

Adds

the or inject the
http client here.

And make the a p i call here
well let's have a look again.

Maybe you want to see that.

We have injected the
service here already.

We can lot this but you see.

Still doesn't work
unable to resolve.

That was the data context

where you can try to go down this rabbit
hole but in the end it does not work.

Thanks to dependency injection though
what we can do is we can implement.

Or at another implementation
class actually for the i

game service and call this
may be client game service

and this client
game service then

makes a white guy calls

to be can really use
the same interface.

The same service in
the and also on the client

but it is nuts

using the database context
directly or a repository or

whatever it is going to use
it is making the h p t b call.

Great stuff right.

So.

At a new item call
this clients game.

Service.

I game service.

We implement that

this is a public class
we have of private

read only http client.

Clients

http clients.

We create a constructor.

Out of that and you
know what we do is

the same bar results is awaits

http client.

Posts as Jason a sink.

Our game of the you are i know.

Is

a p i.

Game.

Maybe we can put
this in a new line.

And here.

Games of

objects

and we return

awaits.

Results consent read from.

Jason.

A sank.

All.

Most.

Like that and that's
true you can remove that.

Let's just see

but of course

regarding the
registration or here

he said of the game
service this is not the clients.

Game service

said finance

and develop

go back to home

reload that.

And we go to games.

You want to create a game.

No error a website connection is
closed we have a web assembly

and now let's ants.

Allies of p for instance sand it does not
work because of course i forgot one thing

i already see all
the hate comments.

We have to add the control our capabilities
year of course because this is no

web api i by default let's say so
what we have to do is here first builder

services

and control last.

Rights

and do one here.

We also have to at
the middleware so.

Use.

Or not use map.

Control us.

Like

Vance.

And now.

Drum roll.

Life of pi.

Nothing happens

to we see that here.

While let's just go
to the list of games.

There it is we should add
some feedback may be right.

So then it would
see that it works but.

Now.

We have covered

all the animals are ready i
know auto is not covered yet

but in essence.

This just means that here now.

In our why.

Not shared it is here in the

edit game.

Be could of course say here instead of
webassembly one use the auto mode.

You restart the application.

And then also remove
everything here clear side data.

We go to the console.

And of course here.

For the button does
the website connection.

Mvc create game.

And.

Now here it should use
the a websocket actually.

See that we still have this
connection so when we now.

Say a lots.

Of the fallen.

Okay

see some messages here.

The submits something
is happening right.

Don't know if we see that here.

I'm not a web sockets
or signal our expert.

But.

Something.

Something was
happening here ride.

A race.

So now we see this
game here as well.

And again that have paid.

That's

pay attention here
to the a console.

Women are reload that.

No web sockets whatsoever
right now we have the.

Ah

there wasn't files downloaded
so here we also see no

web sockets.

Connection for that all
right this is great so now

in essence be covered
everything already

but let's just finish up the
crud operations meaning.

Only updating
and deleting is left.

So.

It's up to you you do you want to do that
with the server or do you want to do that

with the web
assembly render mode.

Again we have our
game list here what i would

like to do is add and
edit button here as well.

So similar to that
staff may be can just

copy and paste this here.

And as is now and.

Edit game button so
let's continue with the.

Editing or updating.

Of a game and
know he reaches say.

Edit game.

Method is called a

actually we need an ID so
this is going to be interesting

so let's add parameter here.

And ID.

This is a for amateur.

And he and always say.

And it's

game.

That method here and it's.

Game.

Well

it can do like
that then actually.

Added game

and here.

We say.

Edit a game

with the.

I

d

all right.

This should be our button we have the
html button with this function you have the

ID parameter here.

Navigates us to edit to the
page and it game with the ID.

Parameter

and now and we
go to i want game list

we just at the spot in here.

So edits.

Game.

That's the one

but the to look.

At

game why is it.

Game button that's the one yet.

With the i d.

Game.

I d.

This should be it.

Random out server.

All right.

And now.

Since we are here
already on the client.

Client game service at a game.

Be well we need.

To implement also.

The a p i call again.

And.

Well.

Just grabbed the ID right.

So we have it already here in our route
and here's the corresponding parameter.

Nord we can do is.

We can check if the.

Idea is now.

Then read this
play this title here.

But otherwise we say.

This is

edits and then we have a game
should have a game because.

On

when been the pyramid

have been set

then i just say game

name.

Alright.

So this would then
be a war header.

Okay.

And he now

let's say protects it.

Overrides

on the parameters set

a sink.

We say while could be the case
that the game does not exist but.

Let's just say.

Game.

Is now a game service.

Actually get game by.

ID.

Don't have this method yet

but let's implemented
real quick.

So he now.

Task

game.

Get game

by ID

and.

I d.

And now we have
to implemented here.

As well so.

Here this should simply be.

Turn

awaits contexts

the game it's.

Find a sink.

And then simply the
ID yes could be no but.

Again

don't care for now.

And are regarding the client.

Similar stuff.

You know always saying gameboy

a d.

We say football
results is awaits.

http clients get from and Jason

a sink and this is no.

A p i.

Game.

We need the only he.

So

are

the ID ID here.

This is the i d then.

All rights and this
should be a game.

Like that and we return the

results.

Like that okay and
now here we say.

Awaits.

A sink

and turn the ID.

Into an

integer

okay i'm sure i
forgot something.

Just want to check if we
get the game with the title.

So now here we go to games.

We see your
beautiful buttons here.

Edit game.

Me see cyberpunk.

Again it's have a
look at the console.

And as refresh this thing.

And go to oh we already
have an hour and the slice.

Be

cause

yeah controller

yeah

we have of course.

We have to at

the and point here
as well so many.

Stuff to think
about now http gets.

While i think when we
used to it then it's okay.

The game by.

ID.

In the game.

Of the game

ID.

Good came by ID.

On

t.

And this is just.

The game.

Rights

so one more time

yes now we get the game

okay.

So

last of us.

Last of us.

Games and

game.

And it's.

Every time it's disconnecting
the web sockets a king

interesting stuff really.

So now we can we can.

Well get our game

and now we need the
updating the editing so here.

We need another method first.

To edit the game game.

Task and may be answered the i

the

and it's also already
implement deleting.

So he and i just say.

Maybe return of bullying value.

To leave the

game.

With the ID and on as
implement that no first the

service service.

So here know.

Delete would be
first of all db game

async.

If t v game is not
now then we say.

Contexts remove

db game.

And awaits contexts.

Save changes

a sink.

Return

true.

Else we return false.

And now updating

where is it

at the need

edit game.

Same stuff.

And beginning.

Me say

this.

And then here we say.

Do.

Well.

If the db game.

Is not now.

Then

we say.

Simply the db game.

Name is now.

The

game named as the updated game

alright.

And then.

Again awaits.

Context safe change say sink.

And we return.

The new db game.

And of it is now the
envy again just throw.

And you exception.

With game.

But fault.

Something like that and
now he regarding the client.

And we.

Have to answer at the
and points of course.

No here.

That would be

about results.

Awaits.

Also

http clients

lead a sink.

With

a p i

game.

And then the ID.

Return

results and edit.

Would

be.

Awaits.

http clients.

Puts s adjacent a sink.

That'll be

a p i.

Game.

Then.

The i d and here.

Our game.

And we return.

Results.

Content actually.

Is it know we return.

There is.

The stuff.

And here

yeah.

All rights.

Nor the and points.

Game controller

we have a posts he
also have a putsch.

So the put would be.

And the game.

And ID.

Game

update its.

Game

and he of course the ID

and now here.

Deletes.

Also with the ID

and ID.

And we have.

The late

game.

I.

And this is actually.

Let's just call that results ups

all rights.

Show me the tables

well.

Added all the Sarah stuff

but it didn't implement
anything regarding.

Updating.

Or deleting on the client.

So what i actually wanted to do.

Is.

He know handled submit.

If a the i d.

Is now.

Then of course

we at it but else.

We call added game.

With the i d here.

And

this should be then an integer.

And it's also say async
task the lead game.

With an ID.

Is then

awaits game service.

To lead the game with.

The ID.

Well.

That already is an

integer.

Okay.

And now.

We should be able

to add the delete
button here as well.

Maybe inside the form so.

Add if.

ID is not now.

Then we ads.

This thing here in this is
now type of butter not submit.

There's something in

danger i guess

the leads and.

On click.

We call.

The league game

actually

don't need the idea
we already have it.

So.

And.

ID

not sure of this works

but let's see.

Restart the app

we have the delete
button he know arrow

is it is nope no errors
so far this is nice.

Let's just start from the
beginning we have hello world

we go to the game lists
he go through the last of us.

Now it's loss of us
to we had submits.

That something happen i
should really implement feedback.

Yet plus of us
to this this nice.

Again

me go go here.

This was the puts

the snow the payloads preview.

Ice and now again i dunno lies
of our the loss of us and deleted.

And now we go back.

The lead

okay

go back to the games.

It's gone

all right i think.

You're done this is enough

and.

If you're still with me thank
you so much for watching.

I really didn't expect

this stutter to be that long

but i guess be
covered lots of stuff.

And well this is the direction of your
heads with blazer and dot net eight.

And it's heading

you know what i mean

if you have questions and i'm
sure you have questions please.

Drop them in the comments and also what
what what is your opinion about all that now

please again drop that
in the comments show me

what you think about all that

and what are your questions what do
you want to see i hope i can answer your

questions maybe
even with more videos.

So again please just write it
down in the comments section.

Make sure to check out the links in
the video description for the source code

supporting me may be
thank you so much again.

And

also the dutton bev academy there is
something becoming for the twenty twenty four

edition of the Donald web academy
of course we will cover everything.

Done at eight and done it a blazer related
so make sure to join the waiting list there

again links in the
video description

and yeah last thing again please hit the
like button subscribe to my channel for more

dot net eight and donate blazer
content thank you so much.

And thank you so much for watching
and i hope i see you next time.

Take care.