Loading
Deploying A Blazor Application On Azure
Learn how to deploy an ASP.NET Core-hosted Blazor application to Azure, create an Azure SQL Database, configure the connection string, and publish from Visual Studio.
Overview of Blazor
In this article, you will learn about Microsoft Blazor technology, Single Page Application, Progressive Web Application, etc.
Blazor Life Cycle Events - Oversimplified
There's a lot that goes into memory when blazor components load into the memory. There are 8 methods which decide the lifecycle of a component. Let's take a deep dive to understand how they communicate to make components alive.
Blazor - CRUD Using MongoDB
This article guides you through the process of creating a Blazor application that utilizes MongoDB as its database provider. It covers setting up MongoDB, creating the necessary models and database context, implementing CRUD operations, and building a user interface for managing employee records.
Toggling Visibility of <HTML> Elements in Blazor
Let's learn how to hide and show visibility of HTML elements using C#, there are various approaches I am going to cover, the @if conditions, inline styles, internal styles, dynamic style binding, and the hidden attribute.
Get C# Corner RSS Feeds In Blazor Project
We can see how to read RSS feeds from C# Corner site and display the feeds in a Blazor project. We will see how to get all posts feeds for an author (author id can be given by user), feeds for latest posts, feeds for featured articles and feeds for top read posts.
CRUD With Blazor Using Google Cloud Firestore
We will create a Single Page Application (SPA) using Blazor and Google cloud Firestore. We will perform CRUD operations on it to understand the data manipulation by Firestore.
Creating A Reusable Grid Component For Blazor
This article guides you through creating a reusable grid component for Blazor named BlazorGrid, enabling user data display in a grid format with client-side pagination support. It includes steps to create the component, add pagination functionality, integrate CSS styling, and utilize it within a Blazor web application.
Converting A Blazor WASM App To A Blazor Server App
This article explores converting a Blazor WASM app to a Blazor Server. It details differences between hosting models, and conversion steps including project creation, references addition, and code modifications, and highlights why one might choose Blazor Server for security and scalability.
How to Create SessionStorage in Blazor Server?
This article will teach how to implement session storage in Blazor Server applications. This article guides you through creating session storage using Protected Session Storage in Blazor Server. Learn to enhance security and manage user sessions effectively, ensuring a robust application.
How to Create Reusable Confirmation Modals in Blazor Server
In this article, we will learn how to make confirmation pop-ups in your Blazor Server applications easily. Follow a step-by-step guide using parameters and EventCallback to create reusable models, making your app more user-friendly and efficient
Blazor and .NET 8 QuickGrid Implementation with CSV Data Export
Article for using QuickGrid in Blazor and .NET 8 and exporting data using CSV Helper as a supporting library. the simplicity and efficiency of QuickGrid, a razor component for displaying tabular data in Blazor Applications. Officially backed by .NET 8, QuickGrid supports in-memory and EF-Core IQueryable remote data and offers built-in column types. Explore its features, easy implementation, and styling options, ensuring a seamless user experience. Follow a comprehensive walkthrough and customization guide incorporating filtering, pagination, and virtualization.
How To Select an Avatar Image from Popup to Set as My Profile Picture In Blazor?
In this article, we have learned how to show avatar images as profile pictures.
Understanding NavLink in Blazor
One of the key features of Blazor is the NavLink component, which provides dynamic navigation functionality for client-side routing. In this article, we will explore the basics of NavLink in Blazor, and show you how to create a responsive navigation menu that can be customized to suit the needs of your web app.
How to load PPT in Blazor?
In this article, we will learn how to load/embed the ppt in the Blazor application to display very attractively on a webpage.
How To Render Avatar Images From XML Data In Blazor?
In this scenario, you'll need to read XML data, parse it, and then render avatar images inside a popup component in a Blazor application. This involves creating a data model, a service to handle XML parsing, and a component to display the avatars in the popup.
Publish A Blazor Or Any Webapp On GitHub Pages For Free
Looking to host your website for free, look no further. I'll teach you how to publish your website for free on Github pages.
Design a Snake game in Blazor
The Snake Game, with its roots tracing back to the 90’s arcade era. Thanks to Blazor, Let's give this timeless gem a new home on your web browser.
Creating a Dynamic DataGrid Sourced from Tree Component in Blazor
Creating a DataGrid component that receives data from Tree component. This combination of components can be super useful in scenarios like product catalogs, file explorers, and organizational charts etc.
Creating a Tree Component in Blazor
Let's create a tree component for displaying data in a structured hierarchical manner. We're gonna use HTML to design a tree, C# to define a logic, JavaScript to handle events, and of course CSS to make it look pretty.
Implement File Upload in a Blazor Web Assembly Application using .Net 7
In this article, we will discuss how to perform the file upload activity in any Blazor Web Assembly Application.
CRUD Operations with EF Core 7 in Blazor WebAssembly
Build employee CRUD operations in a Blazor WebAssembly app using EF Core 7, ASP.NET Core Web API, and SQL Server.
Creating Custom Components in Blazor
Building Custom Components in Blazor: Create Reusable UI Elements Using C# and .NET. Learn to build interactive web apps with Microsoft's open-source framework.
CRUD Operations Using Blazor, .Net 6.0, Entity Framework Core
In this article, we are going to create a web application using Blazor, .Net 6.0 with the help of Entity Framework Core perform CRUD operations hosted by Asp.Net Core.
How to Render XAML Controls in Blazor WebAssembly?
Many times, we encounter the need to migrate Silverlight or WPF applications to modern web applications like Blazor WebAssembly. In such scenarios, the typical approach involves re-engineering the Silverlight or WPF application, which can be time-consuming and expensive. However, there is a smarter and easier alternative: we can leverage the 'Xaml for Blazor' NuGet package to reuse our existing XAML code in Blazor WebAssembly. This approach not only saves us significant development time but also reduces costs
Develop a Blazor Web-Assembly App with Azure Function and Deploy as a Azure Static Apps
In this article, we discuss the basic concept of Blazor Web Assembly. Also, demonstrate how we can consume API endpoints with the help of Azure Function. Finally, we deploy the application as Azure Static Apps
Event Handling In Blazor
In this article, you will learn about Event Handling in Blazor.
Drag And Drop In Blazor Without JavaScript
In this article, I am going to explain how we can perform drag and drop in blazor without using javascript.
Blazor: versions, benefits and when to use it
Compare Blazor Server, WebAssembly, Hybrid, and Blazor United to understand their benefits, limitations, and suitable use cases.
Exploring NavigationManager in Blazor: Navigating to Components and Pages
In this article, we'll explore NavigationManager in Blazor, which provides a simple and efficient way to navigate to different components and web-pages.
