Blazor Tutorial - Creating a Todo App using Blazor Server

In this video, we will implement a simple to-do list as a Blazor Server application.
We will implement the following features:
- Show a list of todo items
- Add a todo item to the list
- Remove a todo item from the list
- Mark a todo item as completed
- Mark a todo item as uncompleted
00:00 The Todo App We Are Building
00:45 Blazor Server Introduction
01:27 Blazor Server Project Setup
03:10 Implementing the Blazor Server Todo App
15:17 Source Code & Conclusion
🔥 C#/.NET Bootcamp: The Fundamentals & more (Code FRIENDS10 for 10% OFF)*
claudiobernasconi.ch/dotnet-c...
📌 .NET Developer Roadmap
claudiobernasconi.ch/learn-do...
📌 Source Code
github.com/claudiobernasconi/...
📌 CZcams Playlists:
The FREE Blazor Crash Course: • The FREE Blazor Crash ...
Blazor: • Blazor
✅ SUBSCRIBE FOR MORE VIDEOS
Subscribe: 🔔 claudiobernasconi.ch/Subscribe
🚀 CONNECT & SUPPORT
Twitter: / chbernasconic
Blog: claudiobernasconi.ch
Newsletter: claudiobernasconi.ch/newsletter
CREDITS
🎵 www.bensound.com/
* Affiliate Link: I earn a small commission at no additional cost

[@ClaudioBernasconi]

What's holding you back from using Blazor for your next project? 😉

[@samuelnettey]

Nothing. Working on my current startup with Blazor. To be precise, MAUI Blazor

[@izzicadensa7927]

loving this tutorial! this has helped me a lot when trying to figure out how blazor works thank you so much!

[@ClaudioBernasconi]

That's very kind of you. 🙏

[@dsfgato]

great content.. i'm gonna give it a try

[@ClaudioBernasconi]

Love it! Hope you'll also have a great experience. 😎

[@10Totti]

Thanks for video!

[@ClaudioBernasconi]

Thanks for watching and commenting. 😉

[@adinwashere]

Hi, thanks for the tutorial. Do you know if when creating a hybrid MAUI Blazor app, if it is Blazor Server or Blazor WebAssembly?

[@ClaudioBernasconi]

I have doubled check it with a developer from the .NET MAUI team. It's neither. When using MAUI the .NET runtime is already on those devices. A hybrid MAUI app compiles to native code. There is no such thing as Blazor Server or Blazor WebAssembly at runtime. I hope that answers your question.

[@adinwashere]

@@ClaudioBernasconi Okay. Thanks for checking!

[@Kennerdoll]

4:27 at line 10 for TodoItem am getting "CS0246 The type or namespace name 'type/namespace' could not be found (are you missing a using directive or an assembly reference?)"

[@ClaudioBernasconi]

A few seconds later, I define the missing ItemClass method to the code section of the component. It will resolve that compiler error.

[@OeHomestead]

I believe VS 2022 can scaffold all of this quite easily now-a-days.

[@musiclover6092]

I have one scenario
When I submit the form I am getting data in Model="taskInfo" this is an instance of my class
I want list of this taskInfo without submitting the form
Because if I submit the form then I get only Single object

[@ClaudioBernasconi]

Thanks for your comment. It's hard to tell via CZcams comments. You have the highest chance to get feedback on your code when you create a StackOverflow question and attach the source code. If you want to maximize your changes to get help, I suggest creating a public repo on GitHub and the community will help. Feel free to tag me on Twitter with a link to your StackOverflow question.

[@rohinirohini532]

Hi, will you please upload a video on crud operations using blazor server app

[@ClaudioBernasconi]

Great video idea. Thank you.

[@CarlKidwell]

Nice short tutorial unfortunately .NET 8 with this is completely broken ; any chance at a .NET 8 version of the same content?

[@ClaudioBernasconi]

Thanks for your feedback. You can still create Blazor Server applications using the new Blazor Web App project template when you select interactivity type server and use the global option instead of per component. Do you face any particular issues? I'd love to create a new video if there are points I know others struggle with.