62 热度

Solitaire in Blazor Part 1 - Overview

Yep, you read that right! We're going to code up a new game in Blazor WebAssembly, and I'm proud to announce that it is quite possibly the single biggest time-waster in all computer history: solitaire!

收录时间: 2021-06-09
分类: Blazor
贡献者: Rector
82 热度

10 Blazor Features You Probably Didn't Know

Blazor is still a relatively young technology, yet it has gained incredible momentum since its release in 2018. Originally an experimental project, Blazor now ships as part of .NET 5 and is considered production-ready. Its main attraction for .NET developers is that they can use their favorite languages like C# to write single-page applications, reusing existing .NET libraries and frameworks. Like most modern web technologies, Blazor is evolving rapidly. Every few months, its developers release previews packed with new features.

收录时间: 2021-06-02
分类: Blazor
贡献者: Rector
37 热度

Building Contextual Experiences w/ Blazor

Hi there! My name is Hassan Habib, I’m a Sr. Engineering Manager @ Microsoft. This is my very first blog post on the ASP.NET team blog. You may know me from my OData posts. Few weeks ago I reached out to Daniel Roth wondering if it would be a good idea to share how Microsoft engineers use Microsoft products to build our own systems. It’s a little something we call “Run Microsoft on Microsoft” – Daniel was very supportive and we worked together to make it possible, and for that I’m very grateful.

收录时间: 2021-06-01
分类: Blazor
贡献者: Rector
125 热度

Blazor Material Form Creation with File Upload and Dialogs

In the previous article, we have created our interactive product details page using different MudBlazor components (Panel, Chart, Rating, etc). As a continuation, in this article, we are going to use the Blazor Material Form component, to create a form that handles product creation logic. We are going to add a file upload functionality to our form and show some messages using Dialog and Snackbar components. Of course, we are going to utilize our Web API project to handle POST requests (product creation and file upload) that we send from the client application.

收录时间: 2021-04-27
分类: Blazor
贡献者: Rector
108 热度

ASP.NET Blazor Server call Web Api return IEnumerable

This blog article shows you one of the possible way for ASP.NET Blazor Server to call ASP.NET Web Api with the return of IEnumerable. First, both side is having the below object.

收录时间: 2021-04-19
分类: Blazor
贡献者: Rector
137 热度

Securing Blazor Web assembly using Cookies and Auth0

The article shows how an ASP.NET Core Blazor web assembly UI hosted in an ASP.NET Core application can be secured using cookies. Auth0 is used as the identity provider. The trusted application is protected using the Open ID Connect code flow with a secret and using PKCE. The API calls are protected using the secure cookie and anti-forgery tokens to protect against CSRF. This architecture is also known as the Backends for Frontends (BFF) Pattern.

收录时间: 2021-04-13
分类: Blazor
贡献者: Rector
AD 友情赞助
125 热度

Tetris in Blazor Part 4: Displaying the Grid and a Falling Tetromino

At this point in our series, we have the entire C# model of our Tetris game ready. What we're going to do now is create a set of Blazor components to actually display the game grid and a falling tetromino.

收录时间: 2021-04-13
分类: Blazor
贡献者: Rector
141 热度

ASP.NET Blazor Server call Web Api

This blog article shows you one of the possible way for ASP.NET Blazor Server to call ASP.NET Web Api. First, both side is having the below object.

收录时间: 2021-04-08
分类: Blazor
贡献者: Rector
164 热度

Creating Blazor Material Navigation Menu

In the previous article, we’ve integrated MudBlazor into our Blazor WebAssembly application and started working with some material components and theme modification. But our navigation menu doesn’t look great. Well, to be honest, we didn’t do anything with it. That said, in this article, we are going to create a new Blazor material navigation menu, and improve our visual experience a lot. For that, we are going to use different MudBlazor components like AppBar, Drawer, Icons, NavMenu, Links, etc.

收录时间: 2021-04-07
分类: Blazor
贡献者: Rector
187 热度

Blazor Material UI - Configuration and Theme Customization

In this article, we are going to learn how to integrate MudBlazor inside the Blazor WebAssembly application, and thus create a Material UI Blazor project. We are not going to learn about Blazor WebAssembly itself. If you are not familiar with Blazor WebAssembly, we strongly recommend reading our Blazor WebAssembly series of articles. There, you can learn everything you need to develop great Blazor WebAssembly applications. In this article, and in all the articles from the Blazor Material UI series, we will try to convert the project created in our Blazor WebAssembly series to a material one by using material components from MudBlazor. Additionally, in this one, we are going to learn how to use themes to change the entire look of our application.

收录时间: 2021-03-30
分类: Blazor
贡献者: Rector
206 热度

Using Roles in Blazor WebAssembly Hosted Applications

In this article, we are going to learn how to use Roles in Blazor WebAssembly Hosted applications for an additional level of security for both Blazor-Client pages and Blazor-Server controllers.

收录时间: 2021-01-29
分类: Blazor
贡献者: Rector
161 热度

Polly and Blazor, Part 2 – Using the Context

This post is a short follow up on the one where I used Polly Wait and Retry in Blazor. In that previous post I used variables defined in my C# method to pass information back to the calling code, to display on the screen. But here I’m going to show how the Polly Context could be used instead.

收录时间: 2021-01-15
分类: Blazor
贡献者: Rector
207 热度

Persisting your users preferences using Blazor and Local Storage

In the last post we saw how you can use TailwindCSS with Blazor to toggle “dark mode” on and off in your web applications. But it’s a pain for your users to have to do this every time. It would be much nicer if this setting was persisted in some way. That way, they’d get the same “mode” each and every time they visit your site.

收录时间: 2021-01-15
分类: Blazor
贡献者: Rector
185 热度

Create new component in Blazor

In one of my previous blog posts I discussed my preferred way of organizing my Blazor projects. This included filenames, folder structures, code being separated from view etc. Implementing this sometimes takes time and is prone to mistake, so I created a small tool to help me do this.

收录时间: 2021-01-12
分类: Blazor
贡献者: Rector
244 热度

Blazor, Updating or Refreshing the Display During a Method Call

This is a quick post to show how to show how to refresh or update components on a Blazor page asynchronously, for example in response to a task or tasks completing. In this example I have a button that calls a method, inside the method I have for loop, inside each iteration of the for loop, I increment the counter twice, delay twice, and update the display twice using a call to StateHasChanged().

收录时间: 2020-12-21
分类: Blazor
贡献者: Rector
AD 友情赞助
324 热度

Developer Decries WinForms-to-Blazor Performance Degradation

Since shipping .NET 5, Visual Studio 2019 v16.8 and more goodies recently, Microsoft has been touting speed improvements in many components -- including the red-hot Blazor project -- but some real-world developers are finding different results. Blazor, of course, is the quickly evolving framework for creating web projects with C# instead of JavaScript. Blazor itself has two components for server-side and client-side coding: Blazor Server and Blazor WebAssembly. The latter uses revolutionary -- and still young -- WebAssembly technology (or WASM) to allow for the use of C#, acting as a compilation target.

收录时间: 2020-12-03
分类: Blazor
贡献者: Rector
254 热度

Complex Model Validation in Blazor Applications

In our Forms and Form Validation in Blazor article, we have learned how to validate a form using a non-complex model. But what about a complex model validation, is it the same process? Well, in this article, we are going to answer that question. We will learn how to implement complex model validation in Blazor and also how to apply a compare validation. Both of these validation processes require a bit different logic comparing to what we learned in the mentioned article.

收录时间: 2020-12-03
分类: Blazor
贡献者: Rector
304 热度

Blazor JavaScript Isolation, Modules, and Dynamic C#

This post will describe enhancing the existing Blazor API using extension methods to make importing JavaScript modules clearer. We’ll create a new type that will allow us to write C# code that looks similar to its JavaScript counterparts.

收录时间: 2020-11-26
分类: Blazor
贡献者: Rector
230 热度

Custom Validation in Blazor WebAssembly

In our Blazor WebAssembly series, we’ve already talked about Forms and Form Validation. There we learned a lot about creating and validating forms but there is still more to it. In this article, we are going to extend that topic by introducing a custom validation in Blazor WebAssembly. We are going to learn how to add custom validation attributes and use them for our model objects. Also, we are going to see how to customize our error messages and how to customize the style of the input elements on the form.

收录时间: 2020-11-26
分类: Blazor
贡献者: Rector
292 热度

再聊 Blazor,它是否值得你花时间学习

之前写了一篇文章《快速了解 ASP.NET Core Blazor》,大家关心最多的问题是,我该不该花时间去学习 Blazor。今天聊聊这个话题,并表达一下我个人的看法。在此之前,我还是想不厌其烦的介绍一个 Blazor。

收录时间: 2020-11-20
分类: Blazor
贡献者: Rector
AD 友情赞助