Learn it from developers who built it.
Tutorials, how-tos and deep dives on AI, .NET, C#, cloud and developer tools, written by the community.

This guide covers integrating Microsoft's Blazor framework with Fluent UI components to create responsive, intuitive user interfaces. Ideal for developers looking to leverage .NET and C# in single-page applications.

Learn how to build a dynamic and reusable pagination component in Blazor. This guide covers creating a flexible pagination system that can be easily integrated into different parts of your application.

This article guides you through creating a Blazor web assembly app with .NET Core hosting. It covers setting up .NET Core APIs, Entity Framework Core for SQL Server data access, and implementing CRUD operations.

raditionally, if a component fetches data asynchronously, it may cause the UI to freeze or appear unresponsive during data loading. This article will demonstrate how Blazor's StreamRendering can solve this issue using a Weather component as an example.

Blazor, known for its component-based architecture, integrates HTML and C# seamlessly for dynamic rendering. It offers implicit expressions for straightforward data binding, explicit expressions for complex logic, and code blocks for embedding C# directly in HTML.

Learn the differences between routable, non-routable, templated, and dynamic Blazor components, with examples of routes, parameters, and RenderFragment templates.

Integrate Python with Blazor using Django for robust web applications. This setup leverages Django's features like authentication and ORM, enhancing data processing, machine learning, and automation capabilities.

We'll explore how to implement a auto-collapsible sidebar in Blazor.

How Blazor creates interactive single-page applications by using components to update content without reloading the entire page.

Explore Blazor Server and WebAssembly models, integrate Entity Framework Core for data management, utilize Razor Components for UI design, and understand data binding in Blazor for seamless interaction.

Blazor server-side, part of ASP.NET Core 3, introduces form validation via Context API and Redux. DataAnnotation attributes simplify validation logic, enhancing user experience and minimizing code complexity. Server-side validation ensures data integrity and a seamless user interaction.

In this article, learn how to develop Blazor applications that support more than 69 languages with a Nuget package and online translator tool for your content.

Learn to create a custom dropdown in Blazor WASM, a UI component with backend logic. Utilize this component across applications for maximum reusability. Prerequisites include Blazor and .NET Core knowledge. Implement data service calls and Entity Framework Core for data binding.

Learn how to enhance your Blazor QuickGrid by adding dynamic buttons to columns. This tutorial explores integrating interactive buttons within column cells, offering users tailored actions and improved functionality.

Learn how to make HTTP service calls to a Web API from a Blazor component using C#. Explore asynchronous programming, HTTP client usage, and integration of RESTful API calls. Understand how to leverage dependency injection and Razor syntax for seamless integration in Blazor applications.

Role-Based Authorization in Blazor enables access control based on user roles. By defining roles and policies, specific functionalities or resources can be restricted to users with certain roles. Blazor provides built-in mechanisms to implement role-based access control, ensuring secure and controlled application access.

Create stunning web apps with .NET Blazor using Bootstrap themes. Combine the power of the .NET ecosystem with Bootstrap's sleek UI components for responsive, modern web experiences."

Learn how to implement secure user authentication and authorization in Blazor Server applications. Explore Blazor's built-in authentication mechanisms using .NET Core Identity. Manage user roles, permissions, and secure endpoints.

Learn how to enhance security in your Blazor Server applications by storing encrypted session data in the browser. Explore techniques to safeguard sensitive user information using ASP.NET Core and client-side storage mechanisms.

In this article, we'll explore how to implement a robust bulk data upload feature in a Blazor Server application using the Radzen Datagrid component for rendering the bulk imported data.

When creating a Blazor Application (both Server and WebAssembly), by default it consists of the UI framework. But some projects might be need to deliver sooner or the time frame for a project is lesser. In those scenarios we can use Blazor UI Components and in this article we discuss an awesome Blazor UI Component called Radzen Blazor.

Effortlessly generate interactive charts in Blazor using Syncfusion's intuitive components. With seamless integration, harness the power of C# and .NET to create compelling data visualizations for your web applications.

Learn to build interactive forms in Blazor components using form controls like input fields, dropdowns, and buttons. Explore data binding techniques to connect form elements to your component's data model.

Explore the intricacies of Blazor component parameters with this deep dive. Learn about data binding, lifecycle methods, and communication between parent and child components for interactive and reusable web applications.

Unlock the potential of WPF and Blazor by combining their strengths in a hybrid application. Let's seamlessly blend the rich, desktop-centric features of WPF with the modern, web-enabled capabilities of Blazor to create a versatile and powerful application that delivers the best of both worlds.

This framework, emphasizing C# and .NET, simplifies UI updates, fosters code reusability, and seamlessly integrates with .NET Standard libraries for enhanced functionality. Dive into component-based architecture, two-way data binding, and a vast ecosystem, unlocking the potential of Blazor WebAssembly for dynamic by Ziggy Rafiq.

In this article, we will be exploring advanced and effective ways of state management in Blazor applications. Managing state in Blazor, Microsoft's WebAssembly framework, is vital as apps grow. Explore state management options, patterns, and best practices.

In this post, we will see how to combine SQL DB and MongoDB in same Blazor app. We will create two entities for City and Employee. City will be saved in MongoDB and Employee will be saved in SQL DB. We will get City name from MongoDB and saved in SQL DB along with other employee data.

Create a Blazor single-page application that connects to a Google Cloud SQL MySQL instance and performs CRUD operations on a Book table.

Create dynamic web applications efficiently using Blazor Server, a .NET Core framework, coupled with Entity Framework Core 3.0 for seamless data integration. Leverage C# to build interactive, single-page apps with server-side rendering, CRUD operations, and robust data management.
Everything on Blazor, not only its articles: the Blazor page →
Write an article and earn +1,000 SHARP when it is approved.
Write an article