Blazor mini CRUD

Model

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
}

  Listeleme

@page "/products"

<h3>Ürünler</h3>

@foreach (var item in products)
{
    <div>@item.Name</div>
}

@code {
    List<Product> products = new()
    {
        new() { Id = 1, Name = "Kalem" },
        new() { Id = 2, Name = "Defter" }
    };
}

Ekleme

<InputText @bind-Value="newProduct.Name" />
<button @onclick="Add">Ekle</button>

@code {
    Product newProduct = new();

    void Add()
    {
        products.Add(new Product
        {
            Id = products.Count + 1,
            Name = newProduct.Name
        });

        newProduct = new();
    }
}