.Net Foundation On .NET, 22 Oct 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Blazor and Customizing the OData entity model

Description

Demo on GitHub
https://github.com/hassanhabib/ODataDemo?WT.mc_id=ondotnet-c9-cephilli

Simplifying the EDM with Data
https://devblogs.microsoft.com/odata/simplifying-edm-with-odata?WT.mc_id=ondotnet-c9-cephilli

Supercharging ASP.NET Core with OData
https://devblogs.microsoft.com/odata/supercharging-asp-net-core-api-with-odata?WT.mc_id=ondotnet-c9-cephilli

In a follow up to our previous episode on Supercharging your Web APIs with OData and ASP.NET Core, Hassan is back with Jeremy to talk about how we can customize the OData entity model so that we can use OData with any data source. Along the way, there might be a little Blazor goodness too!

[03:18] - What is the Entity Data Model (EDM)
[04:10] - Setting up the model in ASP .NET Core
[13:07] - Enhancing the query options
[T16:50] - Querying OData from a Blazor client

Learn more https://aka.ms/odata-blazor

A

On.Net, we are looking at the power of odata and blazor.

A

Together to build rich apis.

A

That use c# on the client and on the server,.

A

You'll want to check this one out.

A

Hello, and welcome to another episode of on.net.

A

My name is jeremy likness, and I'm here today with hassan, and we're going to cover two powerful technologies that I love.

A

We already had an episode talking about odata,.

A

And odata is what I would call,.

A

I know we don't like head-to-head comparisons,, but it's like the graphql that has been around a lot longer than graphql, but capabilities are very similar..

A

We're going to look at some advanced features of that and combine that with blazor, which is .net running in the browser. Without data plug-ins.

A

So before we dive into this awesome, topic, tell us a little bit about what you do at microsoft?.

B

Hi, jeremy,, it's nice to meet you again.. My name is hassan habib,. I am a software engineer here at microsoft..

B

I work at the seal organization,. We are the legal system here at microsoft, we handle all internal legal matters, applications,.

B

Internal systems, and we get an opportunity to work with a lot of cool technologies.

B

every once in a while,. We get so excited about these technologies,.

B

So we want to tell the whole world about what it's capable, of.

B

well,, that's awesome.,.

A

So it's not even a case that you're on the team, building,.

A

You're using this to build business, applications,.

A

You're not building the tool itself, but leveraging the tools,.

A

Tales from the actual real-world usage of it.

A

So tell me about what you've bought today?.

B

Yeah, absolutely. so, first of all, I couldn't thank people enough for the comments, and the feedback,.

B

And the responses on our first video,: that's what really made us want to do more of odata and talk more about such a powerful technology.

B

Like you said, jeremy, there's competitive technologies in the market,. This is almost 13, 14-year-old technology that handles the processes that support billions of users,, microsoft, office,.

B

Sharepoint,, if you're using microsoft, teams,.

B

All of this is building on top of odata, like microsoft, graph and other technologies..

B

Some of the comments that I got, a lot of people started to adapt odata in their actual application inside and outside of microsoft,.

B

And some people wanted to leverage odata for more functionality and leverage the power of odata, things like count,. How do I get the count of data??

B

How do I get a next link out of odata??

B

How do I leverage what this amazing technology is capable of doing with the four lines of code?, so today,, I'm coming here to tell people,.

B

Here's how to take odata with something called the.

B

Edm model, which is entity data model..

B

It's like a map,, that's going to leverage that technology and provide the functionality that they're looking for with their day-to-day applications.

A

Awesome,, let's check it, out. tell us more about edm and how we would approach that?.

B

Absolutely, so edm stands for entity data model..

B

It's a pattern of technology that odata relies on to.

B

Map, whatever data source, you have into something that odata engine can understand., so it provides you with the kind of functionality, and filtering, and expansion, and count, and all the kinds of good stuff that I'm going to show you today,, regardless of what your data source is..

B

This is a great opportunity to start talking about something,.

B

A lot of people think that odata actually is dependent on the entity. Framework,, that's not true.!

B

You could have any data source that we're going to show in different episodes other than this one,.

B

You can have any data source out there and you can still map that and have odata understand what this is.

B

so there's no dependency there on any of the framework at all,.

B

It's good to leverage that technology,.

B

You don't have to use it. If you don't want to.

A

Okay, sounds great.

B

All right,, so let's jump in. so remember. Last time we had the washingtonschools api,.

B

I'm just going to run it real, quick and show you that it's still running the exact same way..

B

I hope people can clone that repository on their computers and try it themselves,.

B

It should be a plug and play, just to run the application, and it should just work.

B

so from the api,.

B

I could still go in and say, "give me all the students that I have,".

B

And then I could also do some good odata stuff like question mark,.

B

Select, give me just the name, and I will go and filter the name and do all the kind of stuff that we were doing last time. okay., but there's a trick here, some people say,.

B

What? If I want to measure how much data is coming in?.

B

I don't want to pull all the data, like say you have two million records and you want to know how many records on your database without you having to pull all these records with all that data.

A

Right,, don't pull down the whole world and then count it.

A

yeah,. I just want to do the count,.

B

How can I do that on the server instead of having to iterate?.

B

So if you do something like this, "count, equal true",, what's going to happen,.

B

Is it's not going to give you anything., I'm going to tell you now why it's not going to give you anything,, because odata builds a wrapper when you use edm,.

B

It builds a wrapper around your data model,.

B

And that wrapper gives you that metadata that you need to use to know count,.

B

What's the next link and all kinds of different metadata properties., so it's not a part of your existing model,.

B

It's something that odata provides in its own model that wraps your existing model,.

A

Your existing data, model.

B

It's not exactly a photoshop or the best kind of graphics out there,, but it's something I built real quick.

B

This is your data model,, and this is your odata wrapper,, and I'm going to show you now how this comes into play.

B

So, in addition to the four lines of code that we did last time,.

B

Now we going to implement the edm model.

B

Let me go ahead real quick in here and build a little private method,.

B

Let me shut that guy down first.

B

So you see here, even though we have the count in place,.

B

It's not showing the count, because there is no odata wrapper.

B

So I'm just going to go in here and say, "private iedmmodel,". So this is what we want to return.

B

If you do control period, that pulls in odata.edm.

B

And then you can call this method, whatever you want,, so I'm just going to call it getedmmodel.".

B

This is the mapper,.

B

This is what we care about,. So, let's see here, why does it matter??

B

Because I'm building it inside the method,?

B

It's like a scope thing,. So let me go back. Here,.

A

Yeah,, you also aren't returning anything yet.

A

right,, so this guy here, yeah.

A

You lost the break.

B

All right,: let's do that, space, that in here, there we go.

B

so now. I want to build that mapper for me.

B

We're not doing any magic here, we're just telling odata,.

B

"Wrap the model and.

B

Give me that additional information that I need.".

B

So all we're going to do here is that,. I'm going to have here a convention model builder,.

B

So odataconventionmodelbuilder.

A

Okay,, and so this is a builder pattern that we see in a lot of microsoft, products,.

A

Where you're setting up an object that you can interact with.

A

To provide configuration and metadata and other information.

B

Yeah, and now I'm just going to give that builder,.

B

The model which is the entityset,.

B

Which is the student,, which is the model that we built last time.

B

okay. we're going to tell odata, these entityset are the students.

A

B

Right, so now odata understand that there's the source of data.

B

That were returned as a list of models that are of type student.

B

The last thing I want to do here, is just go and say: "give me that data model"., so builder, getedmmodel.

B

A

Voila, so now we've built our wrapper.

B

The next part here is to have that to be a part of the routebuilder,, so that odata understands that.. So I'm just going to go here and say, "wrap your existing routebuilder", routebuilder,.

B

I know how to spell, then mapodataserviceroute,.

B

And then there's three parameters.

B

In here that we want to care about., you can give it a name,. So what we're doing this is the route name,?

B

You can use that as a configuration to go, find a particular route, but since we're really doing a very simple operation, here, we're just going to call it odata..

B

Then in here you could either choose your route to be.

B

Slash api or to be slash, odata.

B

A

What I personally recommend from a best practice, perspective,.

B

Since this is odata wrapped model,, it's better to say, odata as a prefix, but you also can do slash api., right, and you're. Just looking to keep this separate from.

B

Regular restful on points that aren't necessarily odata enhanced.

B

Yeah., so this is odata, and then the last part is our mapper that we built,.

B

So this is getedmmodel. okay. right,, that's it., now, odata doesn't need you to tell it if you're putting this on top of an existing controller, odata doesn't want you to tell it that this is an api controller,.

B

So you don't need that additional annotation.

B

To tell it which route- and this is an api controller.

A

It's smart enough that when you go-. inject that,, it just knows about it.

B

So we're going to get rid of these two,, I don't need to tell it the route anymore,, it builds its own route and it knows that this is an api controller.

B

Yeah, caught up in the braces.

A

Yeah, and everything else stays the same,.

B

So you have the enablequery,. You have the httpget. okay., but these three lines of code that we added,, maybe four lines of code, that we added.

B

magic. four lines of code,. That will give us.

B

A lot more power than you'd think odata would give you,.

B

Like it honors something that we call the [inaudible] model or [inaudible] model,, which is giving you ref links to where this object, is,.

B

You can enable a lot of stuff.- let's go back here and say,.

B

This is now that we're choosing odata, it's going to be odata, slash, students.

B

Okay. everything works, right?, right. now,, what's happening, here? look at this., it has odata.context, and it's giving.

B

Me a url to something about these students, right?.

B

Okay., if you follow this, a lot of people are going to love.

B

This part, because it saves a lot of time and work about particular things. Here..

B

If I hit this,, do you know what it's doing?, it's giving me the xml for the model, itself.

B

Now, is that, if I requested for a json, payload will?.

B

You could get it as json if you want., but it's basically given me the schema,.

A

So I just hit the endpoint.

A

without knowing anything about.

A

B

The model., you already know, when. it's going to pass that back to me.. So why is this important for some developers?? Why is this important?? Because normally, like in a lot of applications, distributed systems.

B

If you're, building bunch of microservices or something.

B

people build a nuget package that have the model or they shell, the model in source. Control., when that model change, things break.

B

right.. But if you have the schema in your api coal,, what happens?.

B

You could build the model on the fly out of that schema.

B

So your application,, your client, will never break out of that.

B

Because you already know what kind of model you're getting back.

B

Is that's something you are doing?.

A

That's something I'm doing: personally, actually.

B

I'd like to call it like,, it's not the right scientific term.,.

B

I'd like to call it fluid api, client,, meaning that,, it adjust itself automatically based on.

B

What kind of contract that the api,.

B

The source is sending.

A

That's something that I mentioned, the correlation.

A

Because it's the big buzzword with graphql, but that's a similar thing., you can ask it, what is my schema?.

A

We've got this just with a few lines of code.

A

Interspective the model and provided that information very good.

B

Yeah. absolutely., in addition to a bunch of some useful information, I'll, take you back to the docs to open data protocol.

B

Go back, see what it's doing, see the types,, the name of the property, everything you want.

A

B

So right., so this is great.

B

now,, but the thing that people were asking about,.

B

How do I get a count out of that?? So if I go back here and say, "count, equal true.".

B

What's happening here,, you have a new property.

B

A

Data count., it's telling.

B

You how much in your database do you have.

B

Even if you're pulling right now,, it's not exactly matching the entire set in the database.

B

So there is more to that though., I'm just going to, there's a lot of properties.

B

hopefully, we're going to do some odata series around this,, but there's a lot of properties that you can enable to pull in all what odata can offer you.

B

But what I'm going to show you here is just one more thing, just to show how powerful.

B

The edm model is when you integrate it with your existing api.

B

So I'm just going to go in here and go to the student's controller..

B

This enable query is not just a simple tag.

B

It has a lot of properties that you can leverage if you do control, just second.

B

If you do control shift space,, you can see how many properties, what functions you can allow, what properties you can enable.. You can do a lot of stuff in here.

A

So you're, starting with open and enabled query., but what you're saying is,? If you want to constrain the queries with special parameters or whatever,.

A

This is a list of ways you can tamp that down and prevent people from asking for the word. Security?.

B

Security. yeah. security. to make sure that, and also, in addition to that,, look at this.. This is on the route level on the controller method, level,.

B

So you can secure,, you can open some security things for, some properties for some endpoint,. You can close it from others.. It's up to you. If you want to allow anonymous goals with additional functionality,, it's up to you.

B

But anyways, I want to show you here, just another thing..

B

There is something called page size..

B

I can say page size, equal one., just return, one at a time. little unpractical, page size,, but we'll roll with it for now.

A

Right. yes.: we need.

B

More data to show how much phase size will do..

B

If I do this,, let me show you what this will do.

B

It'll keep adding in more..

B

This is why I like to go, it's very popular.

B

api, where it comes from something called hateoas link or hateoas link. people pronounce it in all kinds of different ways,, just referential to go, get more data, relational, data.

B

So if I'm thinking of this,.

A

I think of my twitter client.

A

when I have refreshed information,, there's so much information that the bottom load more.

A

I click that load more.. So what you're saying is, this is going to follow that, where it's giving me some data but saying,, "load more".,.

B

Yeah. okay. absolutely., so let's see it.. So what's going to happen, if I go in here and say, odata/students,, it's only going to give me a python hypothesis.

B

It's one student at a time. "hey,: do you want the next link for more data?"?

B

If we go to this, it'll, give me the next student.

B

then, again, and there's something really cool about this,.

B

It'll give me the next student. then, the next student,, but look what happens at the third student,. There's nothing,, it's not there. Anymore.

A

So we're at the end of the list.

B

You reach the end of the list. okay., so it's already taking care.. If you're building your client, odata will help you keep that client as simple as possible.

B

We don't have to worry about calling when there is no data., it's already telling you, "if. There is no data,, I'm not going to give you that link.". So when it's null until you're done.

B

you'll reach the end of the bottom, the barrel there.

B

Awesome. right., so all right.. So that's what edm can do for you,, but this is great.

B

Pagination is great., we can do all of that., but if we can display that on a client, that would be better., I'm going to show you now how we going to display that on a client., let's go back here., so I built,. This is really cool technology that everyone's talking about., I'm personally shout out to daniel roth and everybody around, daniel.

A

Steve sanderson. steve, yeah., all these geniuses,.

B

They're building, and a technology called blazor.

B

It's the ability to run c-sharp on.net, and the browser.

B

For a back-end developer, like myself, now,, I have this new realm,, a new field where I can actually build software in the browser.

B

You can use the full stack,.

A

Writing in the language that you're in all day long, which is c-sharp on.net.,.

A

I know I bring it out too often people, tell me not to.

A

But it's a dream that silverlight began back in the day of being able to run c-sharp in the browser.

A

This is a technology that enables, and it does it without plugins., it uses a technology called webassembly, that is available on every modern browser, including phones.

B

So I'm pretty stoked., so I'm assuming you've.

A

Built us something in blazor.

B

Yeah. you bet. for starters,.

B

You'll notice here that there is a new project that I have called a washingtonschools.ui.

B

But before I dive deeper into the details, here, there's a couple of things.

B

If you want to try this at home and do try this at home,.

B

First of all,, you need .net core 3.0,, the preview version.

B

You won't have to deal with preview versions for long,, because in .net core, they said they going to announce the final release of .net core 3.0.. So that's great..

B

Once you have .net core 3.0 as an official release,.

B

I have it in here.. You want to make sure that you're enabling that in your visual studio., because I know a lot of people are going to be like, "I downloaded .net core 3,, but I don't see.".

B

This is the enabled preview version.

B

exactly.. So if you go in visual studio,, you want to make sure use previews of the .net core sdk.

B

You won't have to do that for long,, but these are the little details.. I don't want you to stay an hour or two at night trying to make it work.

B

it's just something as simple as that.. When you do that, I'm going to show you a real quick..

B

If you go in here and say, "create, a new project," and you go to asp.net core web.

B

Application and you select a project like this.

B

I hope we don't lose our project when we look up right., so you see in the dropdown here,, you have asp.net core 3..

B

That's because you installed the.net core preview, 3.0.

B

I think they just released a preview 7,, which is great.

B

You have the blazor option: server-side.

B

This is what I'm, using today, to show you how we can leverage odata page in any server.

A

That's great too, because there's multiple flavors of blazor.

A

We're not going to give into them today,, but server-side is the one that will be released as a stable release with 3.0.

A

B

Okay. absolutely. great. all right. now,. Since we closed the projects, go back and try to open our project, real quick.

B

I think "file," "recent projects," "washingtonschool.".

B

Preview as newer recommended., yeah, sure., all right..

B

So what do I have here? when you start a blazor project,?

B

You have pages that you can write c-sharp code in.

B

You need to teach your ui.

B

About the model that you're working with,, so the student model in this case., you need to build a service that will make that api call for you..

B

So the service that we'll call that local api that we just built.

B

The odata wrapper that wraps your client.

B

I call it students, api response, and then the student itself., so I'm going to show you.. Let me walk you through what I did in here.. So first of all, everything starts with a model.

B

So the first thing I wanted to start with is the student model,.

B

Which is exactly identical to the model that I have here in my api., so this is.

A

I'm just going to interject that with production, project.

A

If you have your model,, these are demos who are keeping them simple..

A

But if you have your model pulled out in a separate class, library.

B

Because that we're we used., you can share the exact same.

A

That's the beauty of blazor,, even though it's client-side code.

A

the exact same dll you use on the server,, you can use on the client.

B

So you would share that same model., yeah., absolutely. or,. You could just pull the schema and build your model on the front.

A

Right. exactly., so there is that., so all right.. So we have that part.

B

Then,, so if you have the student model,, you have the student api response..

B

Why did I have the student api response? Here?

B

is because I want to leverage that count..

B

If we're showing you pagination today with blazor,, then we need to know how much students are in the system and how much we can paginate until we get to the end of the data that we have, the stack that we have.

B

All right. so you're building a model and we're building an api response..

B

The most important thing you want to go after to build,.

B

After that is the student's services., that's just a typical api call.

B

I didn't bother you, having you wage, while I'm typing the whole thing., it's just a simple http client. That's making an api call.

B

This here is the url from best practices, like jeremy, says, from a production perspective,.

B

You want to keep all that stuff in a configuration file, and then use that back in your system., but because this is a demo,, I want everything to be right in front of you.

A

We're keeping it simple. yeah. we're, keeping it very simple.. What c-sharp developers will love, is: there's no crazy fetcher, xml, http, or any javascript library, needed.

A

you're, using the straight http client to fetch the data.

B

Again, you can share that client with any other projects. You have., it's all c#,. We will not write one javascript code, today.

B

A

That I promise you. so what's happening,.

B

Real quick, we're just doing the client.

B

we're making that api call. you'll notice in here I'm passing in skip and top,, which is basically, if you see the next link that odata was generating for you.

B

It's saying, "skip how many?" here's the count, skip how many, and give me the top count of that person. we're calling here.

B

So this obviously, won't work because we said it's odata instead of api,, so I'm going to change that real quick., so now,, it's odata call, that catch, that you and I would be scratching our head for second there..

B

But that's the odata call.

B

Everyone's probably newtonsoft, json libraries.

B

We're just de-serializing the response that comes back from.

B

The api into a student api response.

B

Now,, when you're building this in blazor, please,.

B

Do not forget to register your service.

B

So there's down here something called startup.cs,.

B

This is where you need to add a singleton students, service.

B

So when you're initiating your project,.

B

It will initialize a copy of that as a singleton..

B

You don't have to renew a whole new client. Every time you make a call.

A

You just ask for give me this service., you could even put an interface in front of it,, say, give me the service for this interface and it hands it off to you..

B

Yeah. normally,, like people, use something called addtransient.

B

If you want to enable dependency, injection and pass in,.

B

If you want to add in an interface and then pass that to the controller, and then you get to unit test, that, just drive that,, that's very important from a tdd prospective.

B

So anyways, so don't forget to register the students service.

B

Now,, let's get to the cool stuff about odata today.

B

This page, that's called fetch data.

B

before I dive into the html,, which is not much,. There are three functions down here that I want you to see..

B

There is a wait: students, service,, get students, async,.

B

Which is the function that api call that we built back here in the student surface.

B

yeah., then what I'm doing on init async,.

B

When the page is starting to load,, go on make that call, give me the count, and give me the students.

A

B

So that's one part. these variables in here,.

B

They play the role of global variables.

B

If you're building a javascript application,, you have a global variable. if you're building any application,, it's a global variable that you're adding things in.

B

the beauty about blazor, it's using state,, so you don't have to refresh the whole page in order for you to get new stuff.

B

It's a single-page application.

A

It's a spot. yeah., it's a single-page application.

B

So I'm passing it top to one, because I want the first student.

B

But you'll notice here, two more functions,. I have next,.

B

Which makes the same call when it adds to skip,, so it adds one.

B

So skip one and give me top one,, so you're moving forward.. The previous is skip. Minus, minus- skip back and give me the top one..

B

So these are three functionalities.. This is all c# running in a.razor page.

B

That's all back-end., that's all the buildup. right?.

A

B

Now,, what are we going to do with these students list?.

B

If you go on the top here, you'll notice that if this students is null,, you're, just loading the page, you're saying I'm still trying to retrieve data., but then once you get the students, you get to break down in c# code., you get to do a foreach.

B

people who are familiar with razor pages or razor. An asp.net mvc,.

B

This is exactly the same thing,, except that we're breaking down.

B

we're iterating through these students unpopulating these properties in a sample, html table.

B

These are the headers id, name, score.

B

So that's that part. now,! I want to label to tell me how.

B

Many is left as I'm iterating., so I'm adding a label in here that says, give me that count,, which is also another variable that updates itself,.

B

And this is the skip plus one.. So when you're skipping,, you tell me what's left. so there's four by two,, four by three, and so on, and so forth. sure. now,. We want say if we have more data, left, show a button,.

B

If you have more data in the previous, like,.

B

If I'm moving forward than previously, there's some data behind, then show a button that says: previous.

B

all right. don't show it. If you're at the beginning,.

A

But if you've navigated forward, go ahead and it shows up.

B

It starts showing it up., so this is also c# code.

B

In here,, I'm doing the same thing for the next button.

B

So moving previous,! So when the next button,, when you reach to the end of your set of students,.

B

If there is no more left-, don't show the next button.

A

Don't show the next button.. This is nice too, because just by wrapping it in that condition,.

A

Blazor will handle all,, they show the attribute, hide the attribute,. Everything for you.

B

There's no you've got to tweak css or do anything crazy.

A

I'm just conditioning it, and it's removing it or adding it.

B

Yes, sir., so the last thing here is: how do we hook up?.

B

This is the most amazing part.. How do you hook up c# function, written in.

B

Pure c# code into an html button on the event of onclick.

B

If you do button onclick,, which is something I think, standard html onclick,.

B

If you call the functions that we called in here,.

B

Which is just like very native c# code,.

B

Async task and async previous, it'll, execute that, and update the states for all the global variables that you have up. Here.

B

Nice., so let's see how that works.

B

before we do any of that,.

B

If you go to your solution,, how do I run two projects at the same time??

B

You go to "properties," and you go "startup project," and you say I want to start multiple projects at the same time..

B

Some people do right, click, start debugging, and they kick off an instance out of visual studio, independently.

B

You want to leverage that play button,.

B

And you're saying run the api for us, make sure the api is running, and then run the ui.. So this is a little configuration we're making here, and now comes the- moment of truth. moment of truth.. I don't know. we're making a theory.. Let's see if that's going to work.

A

I can tell you from dealing with tables, and paging, and grids, the old-fashioned manual, javascript way that this comes together.

A

It's a beautiful thing.

B

All right., so this is our api.. We know that our api is working because it's set to retrieve bunch of values and whatnot..

B

But if I go to "fetch data,", it's loading, and nothing.

B

Let's see what happens., so, let's go back here and see what happened.

B

Let's make sure we're calling the right end points,.

B

So this is slash odata, odata.

B

See,, here's the thing., I don't have max top,, I'm calling top.

A

The way you did had enabled it., so I got enable max top.. We talked about that before,. You even have [inaudible]. Isn't that the same thing that happened last time? so max top.

B

Let's say max top and I will give you like one., you can't get more than one outside of my api.

B

okay.. Let's break everything and start over., that's a deja vu.

B

That's exactly what happened. The last time. I swear,. This is not premeditated or anything. it just happened.

A

You just wanted to show the opt in nature of the interface.

B

Probably., so what if I do it right, now?.

A

More debugging?, it's giving me one student at a time.

B

I don't have a previous button, and it's giving me the count. sure., it's probably 1/4..

B

I don't know., I speak arabic.. I go right to left.

A

That's right. right to left is fine..

A

B

We welcome all the purchase.

B

they're arabic numbers., so we're fine.

B

okay.. So if I go like this, and then as I navigate, what's happening?.

B

The student name is changing. yeah., but there is a previous button. sure.. Then they just disappeared..

B

The page is not refreshing,.

B

But the data is working with you.

A

B

That's it.. You can do, of course, a lot more leveraging. Blazor.

B

Just the idea that we didn't write one javascript code and we have.

B

Fully functional navigation pagination in.

B

A table without having have any previous knowledge about javascript is just amazing..

B

A

We covered a lot of material in this short period.

A

There is a blog post that you can access that gives you step-by-step instructions in details.

A

We've, given you a very easy link to access it,, it is aka.ms/odata-blazor.

A

That's, o-d-a-t-a hyphen b-l-a-z-o-r. check that out.

A

It's got all the details of recreating what we showed you here.

A

This is the power of odata and blazor.

A

yes, sir. thank you, sir. appreciate it., all right.