XAF XAF Blazor, 27 Mar 2020

Previous Meeting

⏯

youtube image

►

From YouTube: XAF - 20.1 Blazor Early Access Preview First Look

Description

Click Here to Subscribe:https://www.youtube.com/c/josejaviercolumbie?sub_confirmation=1
What is included and what is still missing?
-Modern Look
-Performance
-Validation
Want to see it in Spanish?
Check this link: https://www.youtube.com/watch?v=oVuZfRqLPro&t=

Websites:
https://xafmarin.com/
https://www.xafers.training/
http://xafersweekly.com/
https://www.xari.io/

Free XAF Support Hour
https://calendly.com/xari/free-xaf-support-hour

Facebook Group
https://www.facebook.com/groups/xafxpoxamarin

A

Hello, everybody, let's create a new project from South placer and see what all the hype is about and really excited about this new direction. That DevExpress has taken the South application. So, let's start creating a new project. If you see there are two solutions now one for south as the solution we said we always use and there is a blazer solution. We said that they put a separate due to that. This is stealing in preview. So let's click Ness next and a create a new project. Let's call it South blazer test and click create.

A

Let's put some authentication.

A

Nice we can choose here all the modulus as we are used to in the regular standard, South application. So let's select a few I, don't think that they are gonna work, all of them, because I read the blog and the road map and there are only a few models right now that are working with blazer. But let's let and let's see what's going on, let's wait for it to finish clearing the project and, let's play with it, aren't really excited about this blazer direction.

A

So, okay, we see that now we have three projects: Blazer server, blazer module and module dot. Blazer he's curious that they choose the dot service as the application. One I I think that it makes sense it should be because they have the verb assembly that is coming on night. He is still inheriting from model base.

A

Let's say the dependencies is okay projects package, okay, nice using knowbut and like that for continuous integration, continuous delivery, let's check the server one, the application, one: okay, eight errors: let's take a quick look around, not Ned called 3.1 nice.

A

Let's keep going, let's check the pages, nobody, the holes on. My blazer one day up settings. Okay, now this is different. We haven't seen this in day, South web okay. What is this? Okay? Nothing! This is a lot of CSS and, seeing here now.

A

Business Objects, let's just turn it to see without even change anything.

A

Okay, of course, there arose for ghurabaa. How are they okay away? Of course, those models are still not implemented. Fear so we've deleted out commented out. We don't need them here. There.

A

They should come over they in the next version, but okay, let's continue to build very nice. Very nice really.

A

And now we're gonna rebuild the application here. It'll fail again because we have has reference to those moles. They, let's delete those okay, bye child reports saying that report is still not available. I would like to play with that one, but at least for now he's gonna see how it looks. That's the most important thing.

A

I can't wait to see and keep I will keep deleting all of these models, but I can't wait to see how it's looking in the demo that they have. The main demo is looking really neat and one of the complaint from more customers, sometimes that soft web in the web forms version is not the most more than look so.

A

This should be the answer and with the web assembly very soon, maybe we can even have a flying synchronization offline, that access later on. So then, looking good nice, the fire attachment model is working. I saw the Blazer component from the file attachment. I need, spirulina, okay, I think that everything is working. Now, let's run it, you know, let's see.

B

A

A

Let's see fairs are looking a small by constraint, admin assault with this, go to f12, developer tools and let's go to the mobile space, so we can test it with different one responsive. Let's divide phone six, seven.

A

Okay, it's logging in they if they don't key, doesn't work. But this is a preview staking a little bit, but not creating the database and everything else.

A

Come on loading sound well this year, oh nice, nice icons! This is my detailed page. This is the list view for roles, new link. Let's see where's the we have, we don't have any business. Okay, that's why it's only bringing user controls.

A

Well, let's see the team's nice nice. This is what I was wanting to play with this really give self a really more modern look. I.

A

Can't wait for this person to get out of preview so when I start using it in production, okay, analysis default. My details, I think that is time to create a new business object and see from there.

A

Let's do new item.

A

We called the client invoices, so is customer. Let's do a few properties, XPS name a PS code. Actually, this uncomment the image attribute to save that works less again. We can leave that one, the video contact, so let's use uncomment that one and anything else that's running. Let's see what it does right, yeah, so save drawn.

A

No nice, it's keeping the same blue as the last thing that we selected okay and me: I. Don't keel, not working. Logging in okay was this first ever HTTP context is unavailable. I have no idea why, but this is still a preview, so we know that it supposed to break down. Then, let's continue now it's placeholder, but nothing is not loading. Anything yet is stock.

A

Not do anything this close around to another game.

B

A

Humming no I mean okay, perfect. Everything is working. Let's take a look around my details. I like these icons, it looks really really modern. Let's see the pop-up reset password nice, let's not change anything where you're looking browsing costumer, let's create a new one: Jose Manuel Ojeda, that's Hachi code, zero, zero one place, save it!

A

That's great, nor one. My name.

A

A

Close and clicking everywhere and just testing see: oh, that's really nice. When you select all the actions hide and you only are left with the one that is applied. So that's really neat. Okay, let's change the team. I like this purple, one a little bit. Yes, continue.

B

A

Dark mode, it's being I believe everywhere now from Twitter to Facebook to messenger. What's up, he seems, like everyone has said acting nowadays, I have focus like this. A orange kind whites that they express he's always using okay I was looking for one that is type type of a sketchy. One like someone is drawing with a with a pencil, but I don't see here, but we have a lot of choices.

A

Add, and this is really an improvement with a soft web that we didn't have that one before okay, let's close this out and let's test a few more things, let's start with validation, let's add an attribute of root required field and go from there.

A

The tools required. Let's run it again,.

A

See if he applies, the validation.

B

A

Me and the rest, it doesn't work, click, no green, hey expiry! No one on the code, no name boom, nice. Ok, we have the section it's a toast. I will prefer to have more lighting the place just below the name, the validation just like borders, frayed or some small message. But this is a start. So again we are dealing with a preview, so.

A

It is qualities, Alice is working, so that's a good sign that the valuation is there. So so, let's see what else can we try Cola to expand all good? Let me think: okay, I, think the the next one should be filed are attaching less plus a row and they said a new property of type file. Data I saw that the best place has this really nice control about file, uploader and file attachments so amplitude. This is transferring here. So, let's give it a try, let's run it and take a look.

A

Splash screen and me I will try enter even if I know that our trade is not working but I. Think that is the habit. Okay saying it sectionals before like pretty much, it goes out by self. Is you run it again, I'll just refresh, let's rebuild and run it.

A

Try not to type enter this time, just username login.

A

Okay, so let's try something quickly: let's delete something, because I saw that okay, hang out, yeah I saw I think it was. They were saying that is, you were trying to delete. He was giving you a letter. Well, let's try to delete also from the DW okay he's working from here, so something with the list view. That is not allowing you to to delete in the record, but it does allow you from the from the W.

A

Let's cancel s not delete every report that we have created back the valid a action doesn't seem to be doing anything he's kind of a stop. There.

A

By the way, who use the validator action nowadays, I most of the time take it away from on my up show this test. They are the attachment, let's add any text, file or image. Okay in this one from the SAP HANA, provided, let's save, okay, that's good! Looking nice! Okay, you can download it. Oh that's really neat.

A

So one thing that I would like to taste is the same file attachment part marine in the mobile. If we are using a web browser of the mobile and oh my my clicking, you know and all over the place here and trying to check everything trying to check every action trying to check every thing that I can think of.

A

So again, if you have seen me, I have tried all the teams like 20 times already on this video in my own I have tried like 2 million times, but I think that the best test will be seeing this up in a in a mobile device like will, publish it or or actually I, think that we can do a test in an emulator, yeah I think that that's the way to go because no way I don't have to be doing too much deployment or anything like that.

A

Right now and most of most probably there will be some error, so I'm gonna pull up the genymotion emulator. So we give this a try and I'm gonna skip all the setup when I would like to do when I have it we'll go here, we go and we're gonna have desktop on the web version on the side, no y bar on the right one on the left on the right.

A

Just looking on the mall bar and the first thing will be creating a tracker on the web version and creating a safer on day on the mortgage and seeing their how loops nice for liquid. Let's play another one here,.

A

Actually, actually attachment, because that's the the first thing that I want to see if we go here in the desktop part, we choose an attachment, same thing, subhana and, let's see if we chose on the mobile version, see refresh right here, nice yeah. If I click on it, it doesn't try to download it wasn't tried to open. It doesn't do anything. Well again, this is a star.

A

There is no download anywhere, so nothing less open one and see if we can attach something we're gonna open it look another touch and clicking clicking nothing. We can delete it, but that's pretty much the extent of it of it and then valide action doesn't do anything. Rolly.

A

Get it slick again frozen or the stock, and it's good every time that we click the phrase he goes and send you back to the login screen. But that's because the security system is still not complete. We actually don't even have a lot of action. So validate me, it did froze the application completely.

A

So validating are working is use the validated action that is still giving some trouble. So if we see we have separate team for separate environments, the mobile person is still on the orange and the web person is this portal violet thing.

A

Let's continue on, let's stop this. What else can we do tinder, which will do a test where we are a couple, more, a properties of different types, no daytime boolean, let's start with a new class: let's do an invoice so we're gonna have some relationships and yes make a date.

A

My daughter woke up so most probably she's gonna be on this video. Let's make a probability customer, so we can see the lockups.

A

Let's do something: SS create 2,000 objects here and they updated that way. We can see also how fast the ListView is loading. How quick we can see the Arab in this plane so right here we can do nodular space dead, object, count, listening, yeah the object count.

A

Isn't carob? It's count, the method, I believe so yeah and type of customers.

B

A

And no criteria in the namespaces and because we only want this to be a circular one, we're gonna do less than ten and then let's do a fall and let's say today, two thousand times and create those test. Customers.

A

Get a space create ugly.

A

Type of customer, unless yours add the name customer the name, equal I, don't know way.

A

Any name customer and let's hat I, so we can differentiate with the net okay. Try below is commit changes so that you work that you'll take a second, the first anguish on it, because you have to create all this object. But after that, we'll have some data to play with so this way for it to load.

A

A

A

All right saying ever as always: let us try again: okay, now working strong, it.

A

A

Say never again come on.

A

B

A

Now I did it so.

A

It looks like he's doing a pretty fast all day, pay pagination and page size is 20. So if we increase that 200 we were in the last page, let's come back.

A

Looking fairly fast, let's see on the phone, let's refresh and your face is always coming to a loading screen. Children bad is doing that. Oh nice.

A

Nice, nice, nice, showing through him fast, okay, I, don't know if you guys remember but South Mobile was crazy, slow. If you had 200 records, it would take forever and every time that you go back to another ListView, we push the spinning and spinning. Let's see the lock up well, this is not that beautiful, but it is what it is. If you click, he doesn't have a series yet and.

A

Varion eggs, I.

A

Guess it's not bad right. That's not the base.

A

Maybe in the more looks better because he says less: let's really stay so. Ok, ok, I did a mistake here. I put the date as a string yeah.

A

So, let's not even change that, let's just create a new date and I believe that will be have a solution, but less before that hey same thing, she working buddies. One is taking a little bit, it's not being that fast as the list view. That would say before, and second one is not as beautifully just taking a little bit on the left side: hey, not ideal, but not bad.

B

A

Let's stop for a second and add the day time. Property I would like to see the calendar so expediate.

A

Put the calendar and see how it looks actually. No, let's add the other properties that we were talking about a boolean field. Unless our decimal field, XP d, e, XP d, they see my property, and what else can we add?

A

You know what one thing that would be nice: it will be to re image, property or like a buyer way with if we are an image which you have to add the image value compared. But if we are by rail with the image editor attribute, we'll be good to go so less. How do we call this?

A

Let's start with an image. First.

A

B

A

And the name is Paige and they tried to put the value converter. Yes,.

A

There is place.

A

Let's be Oh the metadata, but she'll be here.

B

A

Me do a quick search.

A

A

Seems that is not.

A

Here seems that is not available. That's weird.

B

A

He says that's for yeah, that's the namespace, not sure what is doesn't want to mow sprawl in the net corporation of this Delta s. Experiment ara is not there now, by with with you, use a beret, and we use the image editor. That should be all we need this year.

A

A

And let's run it.

A

A

A

Saying ever by, we already know how to deal with it.

A

Hopefully there is when the next person is gone because is getting being, is getting annoying and.

A

Have a nice so let's go nice image. Yes, I saw the icon the list view. So let's add one.

A

Nice really neat, so that's working as well, they filed are sorry. They buy array, image, nice and I like the three dots on the corner. Look the calendar.

A

Property with a spin silligan and a dollar sign the bullion with the check box. Let's check it on the mobile part.

A

Less look further image.

A

In boys, oh here we go, sizing is a little bit off on the list view on the phone, but at least he's showing all right now in the DW. He looks a lot better, it's really nice, so we can't remove it. Let's try to add weight, doesn't do anything if we click is not like. He go to rally diem. Yes, they a my so I think that that would be the next release or something.

A

Okay, let's continue: where else can we see here the image? Okay? Oh yes, hola I didn't move, it went back. I! Didn't even ask me for some confirmation: hey do your or get has change. Do you wanna say for something so I think that that's not working. Let's try here on the web version put a move. It we go back, yeah, no confirmation message or anything.

A

That's another thing away same thing: nothing! Okay! It's not asking for confirmation when you live by amplitude the they are aware of that and they will get that pixel when this goes. Our preview go back. Yeah, okay, I, probably put a ticket out this and a few other thing that we have seen here. So let's continue.

A

Let's check the grid options, we can move the columns. Well, then, there is no context menu. If we right click, there is no like column, chooser or hide this column or group by or anything bad that would come where elsewhere else can we test.

A

This browse a little more to see if we come up with something.

A

Change my space for.

A

Report analysis.

A

That way, this is not implemented. Fake editor. There is no criteria, there is not data type selection, nothing. This is not working. This is just a placeholder here for the analysis model, so yeah, nothing. Let's continue. Let's go back, flaps expand where elsewhere else.

A

Okay, you know, let's close the application, unless add a collection to see how the collections are displaced. We already saw it on rolls by let's hire our own collections. Now we see how they they has been display.

A

Okay, we're missing the Association attribute and the invoice part because we just add the customer, but we then do an association. So let's add here: let's run it and let's see it yeah, which you have done this test on they begin by before we go. Let's have a look.

A

At least and no typing enter now saying, error.

A

A

That's it: let's open.

A

Costumer and see.

A

How nice the sizing again on the list view is being a lot of off, but let's just remove it and see a.

B

A

Nice: okay, if we click the record, you give you a pop-up, will click new? We have a pop-up it linked. We have another one see it's really neat. It looks a lot more modern, more elegant, so no model design that most probably will come later on.

A

I'm really excited about the South, a model designer that it will have with some process and everything that way we can use. No it we don't need to have the express assembly install it and we can use the moderator. Ok, where was the 'his invoices? Let's take a look of a test customer zero. Let's come back to the mobile bar, let's open test customer zero and if we open the record full screen, if we think we have a pop-up little crowded, but let's go and we'll click new.

A

It's like the detail view we have the whole screen. I! Think that that's really nice, if you guys remember, surf mobile. That was like a boat on there that if you have a collection, you have to click on and it takes you to the list view. It was, in my opinion, no user-friendly, no entities because mobile is hard to do master, multiple details. So, let's add a second collection here for that one. Let's add a new per system, not yet no I. Don't is two product.

A

A

Let's add a couple properties: product number pruning anything like that aside, the image again that I actually haven't, checked, I, don't in the image they must have working man we'll take a look anything no.

B

A

Product the leader of this and let's do product name and let's do code knowledge, do a Association XP, a association with customer customer and let's go now to coast, am Erin. Let's do a collection of product.

A

Experience product product.

A

What would do is on it.

A

Tsang error continue refresh, don't.

A

Okay, it tastes customer zero, oh nice, we have name two taps there really sober, underline I, tended us nice. Looking beautiful, let's see in this dart team, okay and depending of the team is deadly.

A

You see this one has like a border that the other one doesn't have the old one, only half the other line, and this can have the layer of colors and actually, if we check the navigation, there is no icon for product or customer, so we we might be losing some configuration or soon somebody will that allow to show the image their bath.

A

We see that one later and mobile you see the tabs.

A

A

Okay, what else, what is the thing that we're running out of testing idea so.

A

If you have, if you guys, have any comments and it's suggestion or if you guys do your own testing and find out something please so apply on the on the comments, I would like to know if anyone else is feeling feeling the the feels like they say for this half blazer I honestly can't wait. I think that the next beta version will go out now in April and I think that that will actually be a really nice product for our client.

A

So looking forward to it, and thank you for sticking with me and see you guys in the next video you.