To upload a file you can use the FileUpload control. This control generates a <input type="file"> element and allows you to upload a file. To get a good user experience, you also need to support dropping files from the explorer or pasting images from the clipboard. The final result should look like this: First, you need to create a JavaScript file to register some events to handle drag and drop events and… [read more]

There are many cases where you want to smoothly remove an element from the UI. A solution is to use an animation to fade out the element before removing it. You can start the animation by adding a class to the element you want to remove. Then, you can use the transitionend or animationend event to actually remove the element. First, you need to register the transitionend event handler, so you can use it… [read more]

There are many cases where you need to compute the execution time of a method. The classic way is to use the Stopwatch class. Stopwatch is a class, so instantiating it may increase the pressure on the Garbage Collector. In the case of a single-threaded application, you can reuse the instance to avoid creating lots of instances. However, in a multi-threaded application, it may be more complicated to reuse… [read more]

MSBuild is a tool that is used to build C#, VB.NET or C++ projects. MSBuild is part of the Visual Studio. If you want to write a CI/CD pipeline for your project, you will need to find where MSBuild is installed on the CI machine. You can install multiple versions of Visual Studio on the same machine. Also, there are multiple editions of Visual Studio (Community, Professional, Enterprise, Build Tools) that… [read more]

Hot Reload is a new feature of .NET 6. The idea is to modify your app source code while the application is running. You don't need to restart it nor to pause it using the debugger. This is just awesome for productivity 😃 Supporting Hot Reload may need some custom logic in your application. For instance, if you use a cache to store reflection data and you add a property to a type, you may need to clear… [read more]

Infinite scrolling is a way to automatically loads data when you reach the end of the page. It allows you to continue scrolling indefinitely. The method is often used in social media feeds or blogs. In this post, we'll create a Blazor component that you can use like the following: <InfiniteScrolling ItemsProvider="GetItems"> <ItemTemplate Context="item"> <p>Item @item</p> </ItemTemplate> <LoadingTemplate>… [read more]

Most common unit testing libraries come with their assertion library. Fluent Assertions is an alternative library which try to be better than the built-in assertion libraries. How to use Fluent Assertions You can reference the FluentAssertions NuGet package and its analyzer: <ItemGroup> + <PackageReference Include="FluentAssertions" Version="5.10.3" /> + <PackageReference… [read more]

Converting an enum value to a string using the ToString() method is expensive. In general, the performance impact is negligible. But when you call the ToString method thousands of times per second, saving a few milliseconds is important. enum Color { AliceBlue, AntiqueWhite, Aqua, Aquamarine, Azure, ... } Color value = Color.Aqua; _ = value.ToString(); // 👈 we'll improve this one! All of the following… [read more]

In .NET there are multiple ways to check if a value is null. But all of them are not equivalent. Let's look at the different ways to check if an object is null: object obj = ...; obj == null; object.Equals(obj, null); object.ReferenceEquals(obj, null); obj is null; // Equivalent to ReferenceEquals(obj, null) (object)obj == null; // Equivalent to ReferenceEquals(obj, null) obj is not object; // Equivalent… [read more]

Roslyn analyzers provide a live static analysis of your code. They can detect wrong usages of APIs, security issues, performance issues, etc. Analyzers often provide many rules. If some of them do not apply to your project, you can use a .editorconfig file to disable them. Also, some rules are configurable to better match your needs. Be sure to check the documentation before disabling a rule to validate… [read more]