Posts

Showing posts from September, 2020

.Net 5.0 Blazor Goodness

Image
  With the release of .Net 5.0 quickly approaching it is time to take a look and see what kind of goodies are include for Blazor. .Net 5.0 is aimed at unifying the .Net platform by commuting all the different aspects of the platform into a single release set.  But they have including a lot of upgrades and new features for Blazor.  To see these new features you have to be using at least Visual Studio 2019 16.8 Preview 3 and have .Net 5.0 install on your machine. Here are the new features that I have found exciting.  See the linked source code to see them in action. CSS isolation Input Radio Component UI Focus Support File Input Component On-toggle Event Support  CSS Isolation With this feature, you can now include separate style sheets that are scoped just for your components.  This will allow you to provide the styling you want for your component libraries or just your individual component. This is implemented by convention.  You provide a CSS file named the same as your component razo

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 practices but from a Blazor standpoint. 5 Best Practices

Blazor Hosting Cost Analyst

Image
  I have spent some time looking at if Server-Side Blazor App is better than the Client-Side Blazor App, Blazor Hosting Models  post.  I decided to look at it from a cost position and see if there is any benefit of one way over the other.   I took a simple Blazor Application that I wrote Inspirational Quotes  and create both a server-side application and a client-side application.  I then deployed each.  For the server-side application, I deployed as an Azure app service, free trier.  For the cient-side application, I deployed that with Azure blob storage statice web site.  The goal was to just focus on the cost of each deployment. After the deployment I had several users access each web site several times a day.  This was to simulate a light usage, such as a sample app from a blog or portfolio would get.  I monitored the sites for 30 days. Actual Cost I was a little surprised to see the cost for each deployment and utilization for 30 days was $0.00 ! Other Interesting Findings Even th