No description
  • CSS 76.2%
  • HTML 17.5%
  • C# 6.3%
Find a file
2025-10-31 22:59:33 -05:00
.vscode Getting things setup to practice Blazor using https://learn.microsoft.com/en-us/aspnet/core/blazor/tutorials/build-a-blazor-app?view=aspnetcore-8.0 2025-10-30 10:11:26 -05:00
Todo-List Updating ReadMe with what this is and some of my lessons 2025-10-31 22:59:33 -05:00
README.md Updating ReadMe with what this is and some of my lessons 2025-10-31 22:59:33 -05:00
Todo-List.sln Getting things setup to practice Blazor using https://learn.microsoft.com/en-us/aspnet/core/blazor/tutorials/build-a-blazor-app?view=aspnetcore-8.0 2025-10-30 10:11:26 -05:00

Practice Blazor Todo

This repository serves as a space for me to practice developing applications using the Blazor framework. As I explore Blazor, I'll document my discoveries, challenges, and lessons learned in this README file.

Discoveries and Lessons

1. Basic Syntax To Declare a Component:

Use @page "/[Purpose]"at the top of a .razor component to declare the component as its purpose. This is also how it's domain structure is declared, so after example.com, the declaration will add that purpose as the page following, so example.com/purpose.

2. The 2 Rendering Modes:

There are effectively 2 rendering modes: Static, or Interactive. Static makes it to where the page only updates upon reload, whereas the Interactive allows input from the user (say, putting something in a todo list) to show up live upon execution.

3. How to Set a Page Title

Towards the top of a .razor component, one will want to use a <PageTitle> (as well as its closer) to declare the title given to the page on the tab itself.

4. How to Bind Pieces Together

One can bind a piece in their page to another by declaring a bind itself. One way that can be done is to just @bind something, but it can also be done if code itself is declaring a piece should exist, say when in Todo.razor on line 29 it declares TodoItem to exist, it ties it to the list that prints it.