Debouncing and throttling are used to prevent too many events from being processing. For instance, when a user types text in a search bar, you may want to wait until they stop writing for a few milliseconds before executing the search request. This is what debouncing is made for. When using debounce, you will wait for a certain inactivity time before processing an event. In Blazor, there are 2 ways to use… [read more]

Recently, I had to convert an SVG file to PNG. I tried a few free online converters, but none of them were able to convert the image correctly. Indeed, they don't support custom fonts... Instead of wasting more time at searching for an existing tool, I opened Visual Studio and I made a quick application to convert my images! Example of a buggy SVG to PNG conversion (original SVG) Let's fix it! The idea is… [read more]

Your continuous integration script often looks like dotnet build mysolution.sln and dotnet test mysolution.sln. In my case, I have a solution that contains multiple class libraries and a few WPF projects. I want to create NuGet packages and also test projects on Windows, Linux, and Mac. However, you cannot build WPF projects on Linux or Mac. This means dotnet build fail on these platforms. One way to deal… [read more]

This website is hosted on a static website hosting provider and I use Cloudflare CDN to improve the performance. These 2 services allow me to host this website for free even if I got more and more visitors. However, I do not have lots of analytics. For instance, I want to know where the user comes from using the HTTP referer header or if they got a 404. Google Analytics is useful but most users use an… [read more]

In a project I had to create something similar to a syntax highlighter for a Blazor application. The code takes a string and highlights some parts of it. So, the idea is to create a component which outputs a raw html fragment that uses <span class="style-1">text</span> to colorize some parts of the string. Also, it should use CSS isolation as the style is specific to the component. I've already written… [read more]

Asynchronous methods have existed for a few years in the .NET ecosystem. Many methods know how to handle Task. For instance, Task.Run has overloads to handle tasks correctly: Task Task.Run(Func<Task> action) Task<TResult> Task.Run<TResult>(Func<Task<TResult>> action) // Task Task.Run(Func<Task>) // Wait for the inner task to complete await Task.Run(async () => { await Task.Delay(1000);… [read more]

If you want to rewrite the revision history of a git repository to remove secrets or useless big files, you may know the git filter-branch command. This command is hard to use and very slow. There are multiple alternatives to git filter-branch such as git-filter-repo or BFG Repo-Cleaner. But, as a .NET developer, I would like to use .NET to script the history rewrite. Download .NET:… [read more]

I needed to bind an <input type=number> in a Blazor application. I want to get the value as soon as the user changes the value. There is no problem for integer values. However, this is not as simple for decimal values. First attempt: <input type=number> First, I started with a basic solution. I use an input element and set the oninput event to bind the value as soon as the user change the value. <input… [read more]

If you are building a web application using ASP.NET Core (MVC, Pages, Blazor), you may rely on npm to minify and bundle your css and js files. This means that to build your application, you need to run an npm script such as npm run build before executing dotnet build. That's not convenient! What you want is only to build your application using dotnet build or from Visual Studio. .NET relies on MSBuild to… [read more]

Windows Subsystem for Linux (WSL) allows running one or multiple Linux distributions on Windows. Like any Operating System, you must install security updates on it. Instead of doing it manually, let's automate it using the Windows Scheduler! Open PowerShell and run the following commands to create a scheduled task that updates the default WSL distribution once a week. #… [read more]