Blazor Resources

Share

Related resources for Blazor

Everything you need to know about QuickGrid in Blazor11/9/2024 6:21:07 AM. This guide covers the basics of setting up QuickGrid, customizing columns, and optimizing performance in Blazor projects. Perfect for developers seeking a simple, powerful grid component for their Bla
Skip loops, use Virtualization in Blazor11/1/2024 4:30:17 AM. Let me teach you faster way of loading the list.
How to Download Data as CSV in C# Blazor App10/25/2024 5:46:03 AM. In this article, we will explore the process of downloading data as a CSV (Comma-Separated Values) file in C#. CSV files are widely used for data interchange due to their simplicity and ease of use.
Building a Blazor Server App to Fetch RSS Feeds Using .NET Core10/11/2024 8:54:06 AM. In this article, we will explore how to build a Blazor Server app using .NET Core 6.0 to fetch and display RSS feeds. You’ll learn about setting up the Blazor environment, using HTTP clients for data
Blazor Server Interactivity: It’s Like Magic. But, You Know, It Actually Works!9/22/2024 12:24:12 PM. Discover how Blazor Server achieves real-time interactivity using SignalR and render trees. We'll explores the behind-the-scenes mechanics that enable seamless UI updates without full-page reloads
Explaining WebForms in ASP.NET Core9/13/2024 1:53:06 AM. Learn about alternatives like Blazor and Razor Pages, leveraging component-based architecture, state management, server-side rendering, and enhancing web app performance and scalability.
Explaning .NET Razor ≠ .NET Blazor9/5/2024 5:14:36 AM. Razor and Blazor are distinct web technologies. Razor is a server-side templating engine in ASP.NET Core MVC, combining HTML with C# for dynamic server-side content. Blazor, in contrast, enables inter
Blazor Meets Azure Maps8/30/2024 4:59:43 AM. This guide walks you through creating a Map component using Azure APIs in a Blazor application. It covers setting up an Azure Maps account, obtaining a subscription key, and integrating the map into y
Creating Dynamic Toast Notifications in Blazor8/27/2024 12:20:09 PM. Blazor is a modern framework by Microsoft for building interactive web applications using C# and .NET. It features a component-based architecture, ideal for creating reusable and modular UI elements.
Learn to Create a Simple Dialog Box in Blazor8/27/2024 11:04:33 AM. This guide covers designing and implementing a basic modal dialog using Blazor components and Razor pages, enhancing your web UI with interactive elements and user-friendly interfaces.
Building a Data-Driven App with Blazor and Fluent UI8/26/2024 4:06:22 AM. 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
How to Build and Reuse a Dynamic Pagination Component in Blazor8/23/2024 7:24:43 AM. 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
Blazor Web Assembly 3.2 Add/Edit/Delete Fully Functional Application - Part One7/29/2024 8:37:43 AM. 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
Why I use StreamRendering in Blazor7/25/2024 7:21:03 AM. 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 s
How to Start a Project in C#?7/18/2024 10:28:53 AM. This article guides you through starting a C# project, including setting up Visual Studio or Visual Studio Code, creating a new project, and configuring essential features like dependency injection, c
Dynamic Rendering in Blazor Using Implicit and Explicit Expressions7/11/2024 10:42:11 AM. 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 c
Types of Blazor Components Routable Non-Routable Templated Dynamic7/3/2024 7:45:51 AM. At the heart of Blazor applications are components, which encapsulate UI and logic, making it easier to build and maintain large web applications. In this article, we'll explore four types of comp
Integerating Python Django in Blazor6/26/2024 6:49:24 AM. 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 automati
What makes Blazor SPA and how does Server-Side Rendering works with Blazor's new Web App6/24/2024 7:48:20 AM. How Blazor creates interactive single-page applications by using components to update content without reloading the entire page.
Creating an Autoclose Sidebar in Blazor6/24/2024 3:44:01 AM. We'll explore how to implement a auto-collapsible sidebar in Blazor.
Understanding CRUD Operation in Blazor6/19/2024 4:20:13 AM. 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 interactio
Validate Your Blazor Form Using EditForm6/13/2024 8:22:26 AM. 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 com
Localize Your Blazor Applications and Build UIs to Support Multiple Langauges Without JS6/7/2024 10:36:26 AM. 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.
Creating Custom Drop Down List Component In Blazor 3.2 WASM6/5/2024 8:09:06 AM. 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 know
Micro Frontends With ASP.NET Core and Blazor WebAssembly Components 5/29/2024 4:36:08 AM. Explore the dynamic world of Micro Frontends in action with ASP.NET Core, delving into the realm of Universal Rendering. Unleash the power of Blazor WebAssembly-based Web Components, combining flexibi
Enhance Your Blazor QuickGrid with Dynamic with Button on Columns5/16/2024 9:28:40 AM. 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 improve
Web API Service Call Function In Blazor Component 5/13/2024 11:29:42 AM. 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 leverag
Role Based Authorization In Blazor 5/9/2024 10:24:11 AM. 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. Blaz
Building a .NET Blazor Web Application with Bootstrap Theme5/6/2024 8:40:44 AM. 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."
Getting Started With Authentication And Authorization Using Blazor Server Side5/3/2024 11:43:27 AM. 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,
Blazor Server - How To Store Encrypted Session Data In The Browser4/23/2024 11:17:21 AM. 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 cli
Bulk Data Import in Blazor Server with Radzen Datagrid4/19/2024 4:12:22 AM. 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.
Simple Blazor Components In .NET CORE MVC 3.14/18/2024 9:58:41 AM. Explore building simple yet powerful web components with Blazor in .NET Core MVC 3.1. Dive into the world of Razor Components, leveraging C# to create dynamic UIs.
How To Get Started With The Radzen Blazor Components4/18/2024 9:57:19 AM. 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 lesse
Easily Create A Chart In Blazor With Syncfusion Component 4/18/2024 9:56:20 AM. 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
Parameters In Blazor Components (Deep Dive)4/18/2024 9:34:02 AM. 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 reusa
Form Controls and Create Basic Form in Blazor Component 4/18/2024 9:25:04 AM. 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 da
Let's Create WPF Blazor Hybrid App4/18/2024 7:26:12 AM. 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 capabilit
Plant Disease Classifier with Azure AI Custom Vision and Blazor4/17/2024 8:02:26 AM. This concise article explores the innovative integration of Azure AI Custom Vision service with a Blazor web application to create a sophisticated Plant Diseases Classifier model. The article highligh
C# 10 and .NET Interactive Web Applications with Blazor WebAssembly4/16/2024 10:45:26 AM. 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 a
Effective State Management in Blazor Applications4/16/2024 9:50:30 AM. 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. Ex
Create A Simple Blazor Server Application With .NET Core 3.0 4/16/2024 5:39:36 AM. In this post, we will see how to create a simple Blazor application with .NET Core 3.0 SDK and default template. We will create a new service and get the C# Corner latest post details from their RSS f
Combine SQL-DB And MongoDB In Same Blazor App 4/16/2024 5:38:10 AM. 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. W
Create A Blazor App With Google ☁️Cloud SQL Using MySQL Engine4/16/2024 5:36:00 AM. Learn how to integrate cloud-based databases seamlessly into your web application, harnessing the power of Blazor's dynamic UI and Google Cloud's robust infrastructure for efficient data manag
Create a Single Page App with Blazor Server and Entity Framework Core 3.0 4/16/2024 5:34:48 AM. 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-p
Create A Blazor Server SPA With Dapper 4/15/2024 11:13:00 AM. In this post, we will see how to create a single page application in Blazor Server with Dapper ORM. We will see all the CRUD operations with Dapper using native SQL commands and stored procedures.
Combine ADO.NET, EF Core And Dapper In Same Blazor App 4/15/2024 11:09:08 AM. Discover the power of combining ADO.NET, EF Core, and Dapper within a single Blazor application. Seamlessly integrate these data access technologies to leverage the strengths of each, enhancing perfor
Share Data Between Child And Parent Components In Blazor 4/12/2024 11:14:56 AM. Explore Blazor, Microsoft's framework for building dynamic web UIs with .NET. Learn about Razor components, data sharing between parent and child components, and creating reusable UI elements like
Blazor Component: Creation, Lifecycle, Nesting, & UI Integration 4/11/2024 10:41:35 AM. Blazor Components offer a modern approach to web development by utilizing Razor syntax and C#. They enable building interactive and reusable UI elements with data binding and event handling.
Localization In Blazor Server With .NET Core 3.14/10/2024 10:40:11 AM. In this post, we will see how to implement localization in a Blazor server app. We will create an Employee app with all CRUD actions and create localization resource files for English and Malayalam cu
Create a Signature App in Blazor4/10/2024 5:04:03 AM. Learn how to create a signature/paint app in Blazor with HTML canvas element and JavaScript. Explore canvas setup, color picker integration, saving functionality, and reset feature. Get hands-on with
Blazor Project Templates Explained4/9/2024 9:25:47 AM. Blazor, a web framework by Microsoft, empowers developers to build SPAs with C# and HTML. Hosted server-side via ASP.NET Core or client-side with web assembly, Blazor offers project templates in Visu
Future Ready Blazor Application Architecture4/9/2024 9:16:46 AM. Learn how to separate UI components in Blazor applications for code reuse using Razor Class Library. Step-by-step guide to create and integrate UI components into Blazor Server applications. Future-re
Understanding of Blazor Server App Project Structure 4/9/2024 8:50:28 AM. This article covers creating a Blazor Server App project, project structure overview, default folders' usage, setting startup components, and essential files like AppSettings and Program.cs. Prere
Coding the Integration of Multiple Blazor Apps4/1/2024 4:18:59 AM. This article demonstrates how to implement approval-based contact saving in emails using Azure Logic Apps. It guides users through configuring Outlook triggers, sending approval emails, and managing w
What is Blazor WebAssembly?3/26/2024 4:05:36 AM. Blazor WebAssembly, a client-side web framework powered by .NET and C#, empowers developers to craft dynamic and interactive web applications directly in the browser. In this article, we'll explor
Blazor Signature to Sing a PDF Document3/21/2024 5:59:47 AM. Discover how to implement digital signature functionality in Blazor applications for PDF document signing. Utilize C# capabilities to integrate e-signature features seamlessly, enhancing document mana
.NET Evolution: Journey of Innovation and Transformation3/20/2024 7:32:19 AM. Discover the limitless potential of .NET, Microsoft's groundbreaking framework for building versatile and high-performance applications. From desktop to web, mobile to cloud, .NET empowers develop
Difference Between .NET Razor & .NET Blazor3/20/2024 6:35:31 AM. .NET Razor and .NET Blazor are two approaches in the .NET framework for web development. Razor offers server-side rendering, while Blazor enables client-side interactivity with C#.
The New Avatar of Blazor with .NET 83/14/2024 10:50:52 AM. In this article, an array of new features and improvements that have been incorporated into the Blazor framework as part of the latest iteration of the .NET platform, known as .NET 8. How these enhanc
Implementing Broadcasting in Blazor3/7/2024 4:31:21 AM. Blazor inherently doesn't have a broadcasting model. To address this limitation, we need to implement a broadcasting model within Blazor. Broadcasting allows components to exchange information reg
How to use Local Storage in Blazor3/6/2024 6:53:42 AM. Local storage provides a convenient way to store data locally in the browser, offering persistence data across sessions and page refreshes. Lets explore how to effectively utilise local storage in you
Create A Tic-Tac-Toe Game In Blazor3/5/2024 6:13:59 AM. There are a lot of small things I wanted to cover so why not create a game to cover all of them?
Visual Studio Extension For Blazor SPA With EF Core 3.1 2/29/2024 10:08:48 AM. In this post, we will see how to download the newest extension on Blazor Server for Visual Studio 2019. Using this extension, we can easily create a Blazor Server app with Entity framework 3.1. This
Easily Create A Real-time Application With Blazor And SignalR2/29/2024 9:14:52 AM. In this post, we will see how to create a real-time web application with Blazor WebAssembly and SignalR. We will create a small book data application and see how the data is updated(refreshed) in two
ASP.NET Core Blazor Filtering And Sorting Using Entity Framework And Web API2/29/2024 9:13:45 AM. In this article, we will explain in detail, how to create an ASP.NET Core Blazor Filter and Sorting for HTML Table using Entity Framework and Web API.
Shopping Cart Using ASP.NET Core Blazor Using EF And Web API2/29/2024 7:17:46 AM. In this article, let’s see how to create our own ASP.NET Core Blazor Shopping Cart using Entity Framework, and Web API. Kindly read my previous articles which explain in depth about getting started wi
Localization In Blazor App Using Microsoft.JSInterop 2/25/2024 8:23:25 AM. We will see how to achieve localization in Blazor app using Microsoft.JSInterop API. In this article we will see how to achieve localization in Blazor app using Microsoft.JSInterop API.
Blazor - Connect With Oracle Database In Amazon RDS2/21/2024 11:32:58 AM. We will see how to create an Oracle database instance in Amazon RDS (AWS Relational Database Service) and we will connect Oracle database from Blazor application. We will use an Employee details Singl
Blazor - Create SPA With Azure Database For MariaDB Server2/21/2024 8:27:24 AM. We will create a MariaDB database service in Azure and connect MariaDB in a Single Page Blazor application. Azure Database for MariaDB is a relational database service in the Microsoft cloud. Azure Da
Blazor - Connect With Amazon DynamoDB Using AWS SDK2/21/2024 8:24:16 AM. In this article, we will see how to create a Blazor application and connect with Amazon DynamoDB using AWS SDK. We will see how to create a Blazor application and connect with Amazon DynamoDB using AW
Blazor - Work With Cassandra API In Cosmos DB2/20/2024 3:14:26 PM. We will see how to create a Cosmos DB account with Cassandra API. Later we will create a Blazor application and connect with Cassandra database using “CassandraCSharpDriver” NuGet package.
Blazor - CRUD Using PostgreSQL And Entity Framework Core2/20/2024 3:13:20 PM. We will see the CRUD actions in Blazor framework with PostgreSQL database and Entity Framework Core. We will create a sample Patient app with all CRUD actions.
Single Page Application With Blazor And CosmosDB2/20/2024 3:11:16 PM. We will create one single page application with default Blazor (ASP. Net Core Hosted) template. We will manage a Book entry in this project and save data to CosmosDB. We will use “Microsoft.Azure.Docu
Deploying A Blazor Application On IIS2/20/2024 3:08:21 PM. This article provides a comprehensive guide on deploying an ASP.NET Core hosted Blazor application using IIS 10 on a Windows 10 machine. Utilizing Visual Studio 2017 for app publication and SQL Server
Deploying A Blazor Application On Firebase2/20/2024 9:13:16 AM. To deploy a Blazor app on Firebase, first create a basic calculator using Blazor in Visual Studio, then publish it. After adding the project on Firebase, initialize and deploy using Firebase CLI. Use
Blazor - Publishing A Component To NuGet Gallery2/20/2024 7:33:47 AM. In this article, we will learn how to publish a reusable Blazor component to nuget gallery. We will use Visual Studio 2017 to build and create the nuget package.
Single Page Application Using Server-Side Blazor2/20/2024 7:24:40 AM. This comprehensive tutorial guides you through creating a Single Page Application (SPA) using server-side Blazor with Entity Framework Core. It covers CRUD operations, modal popups for user input, dro
Understanding Server-Side Blazor2/20/2024 5:57:53 AM. Blazor is a .NET Core web framework that allows developers to run C# code directly in the browser using WebAssembly.It provides an alternative to traditional JavaScript frameworks like React, Angular,
Deploying A Blazor Application On Azure2/19/2024 10:00:19 AM. This comprehensive guide walks through the process of deploying an ASP.NET Core-hosted Blazor application on Azure, covering steps from creating an SQL database server to publishing the application.
Blazor - CRUD Using MongoDB2/18/2024 5:39:30 AM. 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 co
Overview of Blazor2/18/2024 3:50:03 AM. In this article, you will learn about Microsoft Blazor technology, Single Page Application, Progressive Web Application, etc.
Blazor Life Cycle Events - Oversimplified2/18/2024 3:33:37 AM. 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 co
Toggling Visibility of <HTML> Elements in Blazor2/13/2024 6:29:51 AM. 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,
Get C# Corner RSS Feeds In Blazor Project2/9/2024 6:59:05 AM. 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
CRUD With Blazor Using Google Cloud Firestore2/8/2024 10:30:26 AM. 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 Blazor2/8/2024 10:15:24 AM. 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 cr
Converting A Blazor WASM App To A Blazor Server App2/8/2024 8:50:55 AM. 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 mod
How to Create SessionStorage in Blazor Server?1/19/2024 5:51:28 AM. 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
How to Create Reusable Confirmation Modals in Blazor Server1/17/2024 1:39:29 PM. 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, mak
Blazor and .NET 8 QuickGrid Implementation with CSV Data Export12/22/2023 6:10:59 AM. 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
5 Proven Blazor Architecture Tips: A Dash of .NET - Ep. 112/2/2023 7:03:06 PM. In this, you'll discover five proven Blazor architecture tips to help you build scalable, maintainable, and performant Blazor applications.
Angular vs React vs Blazor: Which Framework is Best11/26/2023 1:24:09 PM. Learn the difference between Angular, React, and Blazor and which framework is best for your next project.
How To Select an Avatar Image from Popup to Set as My Profile Picture In Blazor?11/22/2023 8:38:25 AM. In this article, we have learned how to show avatar images as profile pictures.
Building dynamic forms with SurveyJs and Blazor WebAssembly 11/20/2023 5:51:27 AM. In this article, we will learn about integrating the surveyJs with blazor web assembly to compose a dynamic form. we'll learn how to integrate SurveyJs into a .NET Core 6.0 Blazor WebAssembly appl
Understanding NavLink in Blazor11/16/2023 5:10:41 AM. 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, a
Identity API Endpoints based Authentication and Authorization in .NET 811/15/2023 12:10:49 PM. The second step in adding token-based authentication to ASP.NET Core Identity is to introduce the Identity API endpoints. Basically, this is an API version of the actions that you can perform with ASP
How to load PPT in Blazor?11/14/2023 11:24:35 AM. In this article, we will learn how to load/embed the ppt in the Blazor application to display very attractively on a webpage.
Fixing Unhandled Exception on the Current Circuit in Blazor10/20/2023 8:28:49 AM. Learn how lookout for a solution for the error unhandled exception on the current circuit
How To Render Avatar Images From XML Data In Blazor?10/11/2023 5:48:05 AM. 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 X

Topics