Blazor

(14/30)Learning Blazor Together: JavaScript Interop

Although Blazor does not require JavaScript, some existing JS libraries are still very convenient. We cannot discard them all just because we don't want to use JavaScript. Blazor provides methods to call JavaScript, a scenario called JavaScript interoperability (JavaScript interop for short). This article will implement a confirmation dialog for the Delete button, because deletion is an important function and users should not easily delete with just one click.

StrayaWorker 12/16/2021 9:02 PM

(13/30)Learning Blazor Together: EventCallback, Event from Child to Parent

The current 4 log entries are from the fake data we wrote. But normally we wouldn't do this; instead, there should be a button for the user to click to increase or decrease the number of logs.

StrayaWorker 12/16/2021 8:48 PM

Blazor Open Source Component Library - Masa Blazor

Blazor allows you to build interactive web UI using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code are written in C#, allowing you to share code and libraries.

MASA Blazor 12/16/2021 12:57 PM

(12/30)Learning Blazor Together: Cascading Values and Parameters

Yesterday I accidentally changed the Reset button's type to 'button'. Today I will change it back to 'reset'.

StrayaWorker 12/15/2021 11:38 PM

(11/30)Learning Blazor Together: Arbitrary Attributes

Currently `MyButton` has 3 `[Parameter]`s. If we need to add more, we would have to define new `[Parameter]`s again. To avoid constantly updating this Component, let's use Blazor's `@attribute`.

StrayaWorker 12/15/2021 10:53 PM

(10/30)Learning Blazor Together: Blog and Posts

Now we have an interface to input log entries. But logs are meant to be written every day; how can just one be enough? Let's add a blog.

StrayaWorker 12/14/2021 11:31 PM

(9/30) Learning Blazor Together: Parameters

If we want to add a button to clear the `form` data, the fastest way is to add a `type=”reset”` button. At this point, we use two buttons, which can utilize the core concept of Blazor: component encapsulation.

StrayaWorker 12/14/2021 10:18 PM

(8/30) Learning Blazor Together: Detailed Explanation of CSS Style Modification and Data Binding

Now every time you start the project, the default path will be `/`, but we currently don't have a Component using this route. It's a bit troublesome to manually switch to `Post`. Additionally, the Menu icon doesn't match its name. Let's adjust it.

StrayaWorker 12/13/2021 10:36 PM

(7/30) Learn Blazor Together: Lifecycle (Lifetime)

Services you create yourself must be registered in Startup.cs (Blazor Server) or Program.cs (Blazor WebAssemlby), but some basic services don't need to be created by yourself.

StrayaWorker 12/13/2021 9:38 PM

(6/30) Learning Blazor Together: Extracting C# Code

Yesterday I saw that the code in `FetchData.razor` was too long. For convenience, we extracted the `@code` section into a separate file.

StrayaWorker 12/12/2021 9:59 PM