Posts

Showing posts with the label Client Side

Sign In best practices, Blazor Style

Image
  When you think about it, application sign-in forms would seem fairly straight forward and simple to do, considering that most applications have them.  Make a form, add a couple of labels and inputs with a button and you are good to go. When you stop and think about it though, there is a lot that goes into making a good sign in form.  We are going to take a look at 5 best practices you can use when creating your next sign-in form.  The key concept to keep in mind is to make it simple.  You have to always consider that your users are not as computer savvy as you are.   The sample project that focuses on the sign-in form HTML and Blaozr code.  There is no real authentication for the application.  Any email and password, that meets the validation, will allow the user to get to the home section of the application.  Please note this code will work on either server-side Blaozr of web assembly Blazor We will look at each of the 5 best practice...

Debugging Blazor Applications

Image
We will be discussing how to debug both a server side Blazor application as well as a Client-side Web Assembly application. Client-Side Web Assembly To debug this type of application we will be using the browser tools to access the C# code.   As of this post, only Chrome supports debugging the web assembly client application.   Microsoft Edge can be used, but it just fires up a chrome instance to debug with. Steps to debug:       1.    Create a client-side web assembly application from the standard Blazor templates that are provide with Visual Studio or Visual Code       2.  Run application in Chrome       3.  Press F12       4.  You will see a comment to press Shift – Alt – D to debug       5.  Make sure you click on the actual Blazor application       6.  Press Shift-Alt-D        7.  A new brow...