This article has great examples of using the CSS Isolation feature in on Blazor components. Being able to package up CSS closer to the actual component definitely makes it easier to layout your component the way you want without a huge css file in your project. It also helps with reuse because the CSS for … Continue reading CSS Isolation in Blazor Components
Tag: .NET 5
GitHub Action to Publish NuGet
I was working on GitHub on a new project and wanted to build and locally publish some NuGet packages in that repository. While doing a bunch of searching on the web, I found this article by Andrew Craven extremely useful: A NuGet package workflow using GitHub Actions!
How-To: Verify Blazor Navigation in bUnit
Blazor components and pages can have normal HTML hyperlinks and navigation driven in code. Both forms allow users to move between pages. Blazor has the NavigationManager which allows our code to perform URL navigations. And, bUnit provides a mock NavigationManager to allow test code to request a navigation without actually performing it. Under our test … Continue reading How-To: Verify Blazor Navigation in bUnit
How-To: Use Class File for Blazor Logic Code
As our logic continues to grow and our testing requirements increase, we will find that it is more efficient to separate our application logic from the rendering logic on pages. This split helps us separate these concerns and build cleaner pages. Also, having the logic within a separate C# class allows us to unit test … Continue reading How-To: Use Class File for Blazor Logic Code
How-To: Use Blazor Code-Behind File
In Blazor, sometimes our page code becomes large and cumbersome. Rather than keep all of the HTML markup and C# code in the same .razor file, we can split our markup and code into separate files. Blazor supports creating code-behind files for the .razor file (similar to other .NET technologies like WinForms, ASP.NET, WPF, etc). … Continue reading How-To: Use Blazor Code-Behind File
How-To: Write bUnit Tests for Pages with Parameters
Page routing parameters allow developers to pass data to pages in their URL. bUnit allows us to pass routing parameters to pages, so that we can validate their behavior with test data. These parameters are set as part of the TestContext rendering process. This works exactly the same way as testing component parameters. First, we must have … Continue reading How-To: Write bUnit Tests for Pages with Parameters
App-Idea 7: CSV to JSON Converter
Our next app-idea is the build the CSV to JSON Converter. This allows us to go back from a CSV definition to a JSON file format (the inverse of App-Idea 6). We allow users to input free-from text in CSV format or load the data from a CSV file. Then provide a conversion function to … Continue reading App-Idea 7: CSV to JSON Converter
How-To: Write bUnit Tests for Components with Parameters
Component parameters allow developers to build interactive and reusable Blazor components. bUnit provides us a couple of mechanisms for passing parameters to components, so that we can validate their behavior with test data. These parameters are set as part of the TestContext rendering process. First, we must have a Blazor project and corresponding test project. … Continue reading How-To: Write bUnit Tests for Components with Parameters
App-Idea 6: JSON to CSV Converter (Part 3)
In this article, we will wrap up the JSON to CSV Converter, which allows users to enter text in a simplified JSON format and converts it into a comma-separated value (CSV) format. This app-idea has more complex requirements, so we will cover this application in 3 parts: In part 1, we focused on the basic … Continue reading App-Idea 6: JSON to CSV Converter (Part 3)
App-Idea 6: JSON to CSV Converter (Part 2)
We will continue to enhance the JSON to CSV Converter, which allows users to enter text in a simplified JSON format and converts it into a comma-separated value (CSV) format. This app-idea has more complex requirements, so we will cover this application in 3 parts: In part 1, we focused on the basic conversion functionality … Continue reading App-Idea 6: JSON to CSV Converter (Part 2)
DarthPedro's Blog 