Any web app is going to need to work with data. In this episode we connect our Blazor components to a database using Entity Framework Core and scaffolding. We'll also explore the capabilities of QuickGrid, Blazor's built-in data grid component.

Follow along: https://aka.ms/dotnet/beginnervideos/repo

Chapters:

00:00 - Intro

00:21 - Get set-up in Visual Studio

03:48 - Set-up database with database schema

06:10 - Built-in QuickGrid

08:38 - Add Sorting

09:36 - Add Pagination

10:53 - Add Filtering

14:33 - Demo resource for QuickGrid

Series:

1 - What is Blazor? - https://youtu.be/sIIfnGqEIds

2 - Build and run your first Blazor web app - https://youtu.be/llDc88XE--Q

3 - Introducing Blazor Components - https://youtu.be/sbXzifvMKXE

4 - Pages, Routing, and Layouts in Blazor - https://youtu.be/TKDo_hEGPJ0

5 - Blazor Web App Project Structure - https://youtu.be/JcOAtSU-jJ0

6 - Handling UI Events in Blazor Web Apps - https://youtu.be/U1H72rASN6I

7 - Data Binding in Blazor Web Apps - https://youtu.be/HfW9J6CXKZc

8 - Blazor Component Render Modes - https://youtu.be/HZAdXx7-PnM

9 - Work with Data in Blazor - https://youtu.be/ZN-CcfEY3Z8

10 - Forms & Validation in Blazor Web Apps - https://youtu.be/s_XFsK9i4Bc

Learn more:

Microsoft Learn: Interact with data in Blazor web apps: https://learn.microsoft.com/training/modules/interact-with-data-blazor-web-apps/

Blog: https://aka.ms/dotnet/blog

Twitter: https://aka.ms/dotnet/twitter

TikTok: https://aka.ms/dotnet/tiktok

Mastodon: https://aka.ms/dotnet/mastodon

LinkedIn: https://aka.ms/dotnet/linkedin

Facebook: https://aka.ms/dotnet/facebook

Docs: https://learn.microsoft.com/dotnet

Forums: https://aka.ms/dotnet/forums

🙋‍♀️Q&A: https://aka.ms/dotnet-qa

👨‍🎓Microsoft Learn: https://aka.ms/learndotnet

#dotnet #blazor #web #frontend #vscode