webpack is arguably the most popular bundler right now and this is the first major release in over two years. We get big improvements to caching (and therefore performance), reduced bundle sizes with better tree shaking, and a variety of breaking changes to prepare for the future (automatic Node polyfills are gone, for one).
- How to build a web app with the ASP.NET Core framework
- The basics of the MVC (Model-View-Controller) pattern
- How to read and write data to a database
- How to add log-in, registration, and security
- How to deploy the app to the web
namespace BlazorServerSample.Models
{
public class BlazorRoom
{
public int Id { set; get; }
public string Name { set; get; }
public decimal Price { set; get; }
public bool IsActive { set; get; }
}
} @using BlazorServerSample.Models
@page "/"
<h2 class="bg-light border p-2">
First Room
</h2>
Room: @Room.Name
<br/>
Price: @Room.Price
@code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499
};
} 
<input type="number" value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" @bind-value:event="oninput" />
<input type="checkbox" @bind-value="Room.IsActive" /> <br/> This room is @(Room.IsActive? "Active" : "Inactive").
<input type="checkbox" @bind-value="Room.IsActive" checked="@(Room.IsActive? "cheked" : null)" />
using System.Collections.Generic;
namespace BlazorServerSample.Models
{
public class BlazorRoom
{
// ...
public List<BlazorRoomProp> RoomProps { set; get; }
}
public class BlazorRoomProp
{
public int Id { set; get; }
public string Name { set; get; }
public string Value { set; get; }
}
} @code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
};
} <select @bind="SelectedRoomPropValue">
@foreach (var prop in Room.RoomProps)
{
<option value="@prop.Value">@prop.Name</option>
}
</select>
<span>The value of the selected room prop is: @SelectedRoomPropValue</span>
@code
{
string SelectedRoomPropValue = "";
// ... 
@code
{
string SelectedRoomPropValue = "";
List<BlazorRoom> Rooms = new List<BlazorRoom>();
protected override void OnInitialized()
{
base.OnInitialized();
Rooms.Add(new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
});
Rooms.Add(new BlazorRoom
{
Id = 2,
Name = "Room 2",
IsActive = true,
Price = 399,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "250"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "4"
}
}
});
}
} 
<div class="border p-2 mt-3">
<h2 class="text-info">Rooms List</h2>
<table class="table table-dark">
@foreach(var room in Rooms)
{
<tr>
<td>
<input type="text" @bind-value="room.Name" @bind-value:event="oninput"/>
</td>
<td>
<input type="text" @bind-value="room.Price" @bind-value:event="oninput"/>
</td>
@foreach (var roomProp in room.RoomProps)
{
<td>
@roomProp.Name, @roomProp.Value
</td>
}
</tr>
}
</table>
@foreach(var room in Rooms)
{
<p>@room.Name's price is @room.Price.</p>
}
</div> 
C:\Users\Vahid>dotnet new --list Templates Short Name Language Tags -------------------------------------------- ------------------- ------------ ---------------------- Blazor Server App blazorserver [C#] Web/Blazor Blazor WebAssembly App blazorwasm [C#] Web/Blazor/WebAssembly
SQL Server Performance Dashboard (SSPD) is a small open source web app that shows you performance & problems of one or more SQL Server instances and their databases in near real time
AngularJS is a huge framework with that already has many performance enhancements built in, but they can’t solve all our problems. No matter how fast the framework, we can all create sluggish code through bad practices and not understanding key concepts that help it perform well.
in this article, we will learn the top 10 new features of ASP.net Core
What's your max concurrent user count with Blazor Server?
