WebPart-Consumer

Resources

Event-Driven Architecture with Apache Kafka and .NETJun 05, 2026. Learn Event-Driven Architecture with Apache Kafka and .NET. Build scalable microservices using Kafka producers, consumers, topics, and real-time event processing.
SQL Server Performance Tuning Techniques for Modern ApplicationsJun 05, 2026. Learn how to build scalable background services using .NET Worker Services. Process queues, run scheduled jobs, and create reliable cloud-native applications.
Getting SharePoint List Data in SPFx WebPart using JavaScript and REST APIJun 02, 2026. This tutorial provides a step-by-step guide to building a SharePoint Framework (SPFx) web part that retrieves and displays SharePoint list data using JavaScript and the REST API. You’ll learn how to set up your SPFx project, configure REST endpoints, and use JavaScript method to call SharePoint’s APIs. The blog also covers best practices for handling JSON responses, error management, and rendering list items dynamically in your web part UI. By the end, you’ll have a working SPFx solution that connects seamlessly with SharePoint lists, making your web parts more interactive and data-driven.
Event Replay and Recovery Strategies for Salesforce IntegrationsJan 22, 2026. Master Salesforce event replay for robust integrations! Learn strategies to recover from missed events, handle duplicates, and ensure data consistency. Essential for reliable systems.
How to Send and Retrieve Events from Azure Event Hubs using .NET Client Library?Jan 20, 2026. Learn how to send and retrieve events from Azure Event Hubs using the .NET client library. Create resources, assign roles, and build a .NET console app.
Wrapper Component to Consumer Component: That’s a Wrap!Jun 09, 2025. This article breaks down how wrapper components work in React, showing you how to build flexible, reusable UI pieces without losing your mind or your types. Learn how to pass props, handle refs, and keep your components clean and powerful.
Introduction to Event Driven Architecture [EDA]Apr 15, 2025. Event-driven architecture (EDA) is a software design pattern where decoupled components communicate via events. It enables real-time, scalable, and flexible systems, commonly used in microservices, IoT, payment processing, and real-time analytics.
User Profile Photos are Missing in the PnP People Webpart Oct 27, 2024. In this article, we will learn troubleshooting steps and best practices to ensure profile pictures display correctly, enhancing user experience in your SharePoint environment.
Getting Started With Apache Kafka: Introductory GuideSep 10, 2024. Apache Kafka is a distributed event streaming platform that enables real-time data processing and integration across microservices. It supports publishing and subscribing to streams of records, storing events with fault tolerance, and processing data using Kafka Connect and Kafka Streams APIs.
Transparency and Control in Consumer Data UseAug 22, 2024. Learn how your data is collected, used, and protected while gaining insights into your rights and the steps you can take to safeguard your privacy. Empower yourself with knowledge for better data security.
Sharepoint Framework Property Pane Jun 28, 2024. SharePoint Framework (SPFx) offers a client-side model for developing web parts and pages in SharePoint, leveraging modern web technologies and supporting seamless integration with SharePoint data.
Top Java Spring Boot Scenario-Based Interview QuestionsJun 24, 2024. Preparing for a Spring Boot interview? Master scenario-based questions covering database migrations with Flyway, REST API exception handling using @ControllerAdvice, Spring Security for authentication, and RestTemplate for consuming RESTful services.
Exploring the BlockingCollection<T> Class in .NETApr 25, 2024. In the world of concurrent programming in .NET, developers often encounter scenarios where multiple threads need to communicate and synchronize access to shared data structures. In this article, we'll delve into the BlockingCollection<T> class, explore its features, and learn how it simplifies concurrent programming in .NET.
Integrating Kafka Producers and Consumers with CeleryFeb 27, 2024. Streamlining Real-Time Workflows: Leveraging Kafka and Celery for Robust Producer-Consumer Integrations
Understanding Image Gallery Web Part in SharePoint OnlineFeb 11, 2024. Understanding Image Gallery Web Part and its features and different options.
Enhancing Client Responses: Crafting Custom Middleware for Effective Error HandlingAug 27, 2023. Designing a robust error handling mechanism and returning meaningful error responses to clients is crucial for enhancing the reliability and user experience of your ASP.NET Core Web API. Here's a concise guide on how to achieve this using custom middleware:
Consumer Driven Contract Testing Using PactNetJul 30, 2023. Get started with writing consumer driven contract tests for .NET core web apis using PactNet to validate api contracts between producers and consumers.
People Web Part in SharePoint OnlineJul 03, 2023. Use of People Web Part in SharePoint Online.
Image Gallery Web Part in SharePoint OnlineApr 04, 2023. Use of Image Gallery Web Part in SharePoint Online.
Getting Started With Kafka Producers, Consumers, Consumer Groups - Essential ConceptsFeb 03, 2023. In this article, you will learn about Kafka Producers, Consumers, Consumer Groups: Essential Concepts.
How To Use News Web Part In SharePoint OnlineNov 09, 2022. Procedure of using News web part in SharePoint online.
How To Setup And Configure Quick Link Webpart In SharePoint OnlineOct 03, 2022. In this article, you will learn how to Setup and Configure Quick Link Webpart in SharePoint Online.
Get Current User Profile Properties In SPFx Webpart Using MS Graph APIAug 25, 2022. In this article I have explained how to get the current user profile properties in your SPFx webpart using Microsoft Graph API
External REST API Call from SPFx WebPart with Changeable PropertiesJul 16, 2022. Anonymous REST API Call from SPFx React WebPart with properties from web part
Create Animated Welcome SharePoint Framework WebpartDec 13, 2021. In this article, you will learn how to implement the animation in SharePoint Framework web part using Particle JS.
Audience Targeting For News PostsDec 07, 2021. This Article describes conditions where Audience targeting works in SharePoint Newspost.
SharePoint Folder Operations Demo Using PnP JS In React Based SPFx WebpartSep 14, 2021. In this article, we will leverage pnp library and perform some operations on folders like add, copy, move, delete in SPFx web parts.
SharePoint List Items CRUD Operations Demo Using PnPJS In React based SPFx WebpartAug 13, 2021. In this article, we will learn to perform list item operations using PnP JS in React based SPFx solutions, we will see an example of a web part but this can be used in extension in a similar way.
RabbitMQ With ASP.NET Core - Microservice Communication With MassTransitJun 21, 2021. Learn how to establish communication between microservices using RabbitMQ and MassTransit in ASP.NET Core. Understand the concepts of message brokers, RabbitMQ setup, and advantages. Configure MassTransit using NuGet packages, create publisher and consumer components and test the application for message delivery.
Embed PowerApp Form On SharePoint Page Microsoft PowerApps Webpart Jun 14, 2021. In this article, you will learn how to embed the PowerApps form on a modern SharePoint page using SharePoint out-of-the-box webpart.
Implement React Elastic Carousel With SharePoint Framework (SPFx)Jun 08, 2021. In this article, you will learn how to Impliment react elastic carousel with SharePoint Framework (SPFx).
SharePoint Spaces - Using Virtual Tour WebpartMay 24, 2021. In this blog, we will look at how to make your Space more visually interactive by using 360-degree Virtual Tour webpart
Kafka Fundamentals And ArchitectureApr 01, 2021. This article talks about the fundamentals of Kafka along with its architecture.
How To Use Carousel Control Of PnP In SPFx Webpart?Feb 24, 2021. In this article, we will see how to implement a carousel in spfx webpart. Carousel is already available in pnp react controls so we will use this available control
Beginner's Guide To Data PipelinesJan 12, 2021. In this article, you will learn about data pipelines and their different types.
Export SharePoint List Items In Excel (SPFX Using React, FileSaver.js, xlsx.js)Jan 06, 2021. This article will help you to create SPFX webpart which export SharePoint list data in excel file (xlsx file) and download to your local machine. I am using PnP library for consuming SharePoint operations, FileSaver.js for saving files on the client-side and xlsx library for spreadsheet formats.
Creating Information Architecture For HSEQ Document ManagementNov 06, 2020. I am working as an HSEQ System Analyst, and one of my tasks includes creating a Document Management system.My aim is to create a system using out of the box features as maximum as possible.
Creating A Personalized Per User SPFx WebPart PropertyNov 02, 2020. In this article, you will learn how to create a user scoped property can be helpful in cases where we want the end users to personalize a webpart on a SharePoint page.
Producer Consumer Pattern In C#Oct 29, 2020. In this article, you will learn about producer consumer pattern in C#.
SPFx Cascading Dropdown In Property PaneOct 24, 2020. In this article, we will see how to implement a cascading dropdown in the property pane using PnP React controls and PnP JS.
Different Ways To Send Email From A SPFx WebpartAug 24, 2020. In this article, we will see different ways to send an Email notification from a SPFx web part.
Convert DateTime Field's UTC Value To The Correct Time Zone In An SPFx WebpartAug 04, 2020. This Article explains how the DateTime field values are displayed in the correct time zone based on the User's and Site's regional settings. And provides the code snippet to easily convert the UTC DateTime values within an SPFx webapart
List All Content Editor Webparts Present In A SharePoint OnPremise Web Application Using PowerShellJul 31, 2020. List all Content Editor Webparts present in a SharePoint OnPremise Web Application using PowerShell
Developing Your First WebParts For Sharepoint OnlineJul 24, 2020. A Tutorial on Developing Client Side WebParts for Sharepoint Online.
Rich Text Control With Image And Video In SPFx Using React-QuillJul 22, 2020. This article explores how to implement a rich text field in Modern SharePoint List forms using React Quill. It covers the process of creating a SharePoint list, setting up an SPFx solution, and integrating the react-quill library for rich text editing.
How To Use PnP DateTimePicker In SharePoint Framework Webpart (SPFx)Jul 21, 2020. This article will help us with step by step guide for using PnP DateTimePicker Control
Place SPFx Webpart Inside A DIV Tag On A PageJul 14, 2020. In this article, we will discuss how to append a SPFx webpart to a div tag instead of rendering in a webpart zone.
Consume Microsoft Graph API Using A PnP Graph From SPFx-WebpartJul 03, 2020. In this article, I explain how to consume a Microsoft graph API using @pnp/graph from your SPFx-Webpart
SharePoint User Operations Demo Using PnP JS In React Based SPFx WebpartJul 01, 2020. In this article, we will learn different user operations available and how to use them using PnP JS in React-based SPFx solutions
SPFx Webpart With Angular ElementsJun 25, 2020. Explore the integration of SPFx web parts with Angular elements using PnP generator v1.14.0. Learn about Angular Elements, prerequisites, environment setup, development steps, bundling, rendering, and deployment, enabling seamless integration of Angular components in SharePoint.
CRUD Operation On SharePoint SPFx Webpart Using PnP PowerShellJun 08, 2020. This blog will help you understand completed CRUD operations on SPFx webpart using PnP PowerShell
How To Use And Configure PnP Search WebPartMay 28, 2020. This article will help setup PnP search webpart in SharePoint modern page
How To Use PnP Search Filters And Search Vertical Web PartsMay 27, 2020. In this article, we will see how to use the PnP search filter and search vertical web parts.
Microsoft Teams Operations In SPFx Webpart Using Graph APIMay 17, 2020. In this article, we will learn how to perform MS teams Operations (get teams, send a message) in SPFx using Graph API.
Office 365 - SharePoint Online - Exploring OOB Hero WebpartMay 05, 2020. In this article, you will learn about the OOB Hero Webpart in Office 365 - SharePoint Online
How to Call an External API from a SPFx WebPartMay 04, 2020. In this article, we will learn how to call an External API from the SPFx web part.
Setup SharePoint Highlighted Content Webpart For Managed Property FilterApr 24, 2020. How to configure SharePoint modern sites managed property filter in highlighted content web-part.
Fetch Email from Shared Mailboxes in SPFx WebPartApr 17, 2020. In this article, you will learn how to fetch emails from shared mailboxes in SPFx webpart.
Permission-Based Webpart Binding in SPFxApr 16, 2020. In this article, we will learn about the show and hide web parts in SharePoint based on user permission.
SharePoint Framework Webpart Property Pane Configuration With Custom PropertiesMar 16, 2020. In this article, you will learn about Modern SharePoint Framework web-part provide configurable property pane to allow end user to enter their own values.
Create SharePoint Framework (SPFx) Webpart For SharePoint Server 2016Mar 12, 2020. In this article, we will see how we can create SharePoint Framework (spfx) web part for SharePoint. We will also see how we can use office-ui-fabric-react and pnp js.
Autocomplete Dropdown With ListItem Picker Of PnP Controls In SPFx WebpartDec 03, 2019. In this article, we will learn how to implement autocomplete dropdown with Listitem Picker controls of PnP in SPFx webpart
How To Use FilePicker Control Of PnP In SPFx WebpartNov 27, 2019. Learn to integrate the File Picker control from the PnP initiative into your SPFx web part for advanced file selection. Utilize npm packages, pass SharePoint site context to React components, and customize the FilePicker component. Test in SharePoint workbench for seamless functionality.
Google ReCaptcha In SharePoint Framework Webpart(SPFx)Oct 10, 2019. In this article, we will see how we can implement Google recaptcha in SharePoint framework webpart.
Three Level Cascading Dropdown SharePoint List By Using JavaScript And Script Editor WebPartOct 08, 2019. Three level cascading dropdown SharePoint list by using JavaScript and Script Editor Web Part
SPFx - Resolved Error Of 'Gulp Package - Solution' - "the WebParts Manifests List Is Empty. Please Ensure You Have Done A Build And That Your Config File Is Pointed At The Correct Folder"Sep 26, 2019. In this article we will discuss one of the errors we are facing while deploying (packaging the solution) the SPFX component to my O365 tenant.
Showing Excel Charts And Tables In SPFx Webparts Using Excel Services REST APISep 19, 2019. This article shows how to use the Excel Services REST API to read resources like Cell data, Ranges, Tables, Charts, and Pivot Tables and use them in an SPFx web part.
Display SharePoint List Data With jQuery DataTable In SharePoint Framework(SPFx) WebPartSep 10, 2019. In this article, we will learn how to display SharePoint list data in the jQuery data table.
How To Open Web/Mobile Camera And Take a Photo From SPFx WebPartSep 09, 2019. In this article, we will learn how to open web or mobile camera and take anphoto from SharePoint Framework webpart.
SPFx - The Modern Way To Show Loading/Progress Indicators Using Office-UI Fabric ShimmerAug 21, 2019. This article explains how to use Shimmer React component from Office UI Fabric React to show loading placeholders while we fetch the data to be shown.
Render Props And Context In ReactJSAug 12, 2019. This article talks about the concept of Render Props and Context in React.
Create Your First WebPart Using SPFx Framework And Deploy It In SharePoint OnlineJul 22, 2019. In this article, you will learn how to create your first web part using SPFx framework and deploy it in SharePoint Online.
How To Use Microsoft Graph Toolkit With SPFx WebpartJul 18, 2019. In this article, you will learn how to use Microsoft Graph Toolkit with SPFx web part.
Read Modern SharePoint Page Metadata In SPFx WebPart Using PnPJul 03, 2019. In this article, you will learn how to read Modern SharePoint page metadata in SPFx WebPart using PnP.
How To Deploy/Update/Upgrade Existing SPFx Webpart To Microsoft TeamJun 12, 2019. In this article, you will learn how to deploy, update, or upgrade an existing SPFx Web Part to Microsoft Team.
Different CDN Options For SharePoint Framework WebPartJun 05, 2019. In this article, I will explain how you can enable SharePoint Document Library to use as CDN and then, how we can leverage Azure Storage to be used as CDN for SPFx web parts.
Integrate PowerApps With SPFX WebPart Jun 04, 2019. In this article, we will learn how to integrate custom PowerApps forms with SPFx (SharePoint framework).
How To Add Event Listener For Button Click In SPFX WebpartMay 30, 2019. In this article, you will learn how to add an event listener for a button click in SPFX web part.
How To Pass Parameters To SPFx Extension By Creating A WebPart UI InterfaceMay 29, 2019. In this article, we will learn how to pass dynamic parameters to SPFx extensions by taking user input and enabling extension via custom action.
Enable CDN In Your Office 365 Tenant For SPFx WebPartMay 16, 2019. In this article, we will see how we can enable Content Delivery Network (CDN) in Office 365 and how to use it to package and serve our files or solution assets of a SharePoint Framework (SPFx) Web Part.
How To Fix "Out Of Stack Space" Issue While Running Angular SPFx WebPart In IE11Feb 07, 2019. Facing “Error: Out of Stack Space” issue while the Angular SPFx WebPart runs in the IE11? This article helps you to resolve the issue and run the Angular SPFx in IE11.
SharePoint Framework - Test SPFx WebParts on Modern PagesDec 20, 2018. In this article, we will explore how we can test the SharePoint framework web parts on a modern page instead of testing them on the workbench. SharePoint Framework client web parts work well on both, classic and modern SharePoint. SharePoint provides workbench to test the web parts individually.
SharePoint Framework - Configure SPFx WebPart IconDec 13, 2018. In this article, we will explore how we can configure icons for SharePoint framework client web parts and various available mediums to refer to for icons. SharePoint framework client web parts, when being added to a page, display icon and title. The icons help end users to build some perspective about the web part.
Fetching All Attachments From A List Using SharePoint Framework WebPartDec 04, 2018. Here, we are going to learn how to fetch all the attachments from a SharePoint List using SharePoint Framework with PnP JavaScript library.
SharePoint Framework - Deploy SPFx WebParts To Office 365 Public CDNAug 02, 2018. Please read through my previous article Develop First Client-Side Web Part to get started, develop first SPFx client-side web part and test it on a local SharePoint workbench.
SharePoint Framework - Deploy SPFx WebParts to SharePoint LibraryAug 01, 2018. The build output of the SPFx client-side web part consists of a solution package (.sppkg file) various scripts, and other assets. The sppkg file is deployed to SharePoint which includes a manifest with URL pointing to the location where script files are deployed.
SharePoint Framework - Deploy SPFx WebParts To Azure CDNJul 28, 2018. In the previous article Develop First Client Side Web Part, we developed SharePoint Framework client side webparts and tests it on local SharePoint workbench. The local SharePoint workbench allows to quickly test the SPFx web parts. The Node.js provides the hosting platform to run on local environment. However in the real lifescenarios we will have to deploy these SPFx webparts to some hosting environments from where it can be served to SharePoint.
Development Of SPFx WebParts On SharePoint Office 365Jul 09, 2018. SharePoint Framework (SPFx) Extensions are client-side components that run inside the context of a SharePoint page. You can deploy extensions to SharePoint Online, and you can use modern JavaScript, ReactJS tools and libraries to build them.
How To integrate Rich Text Editor In SharePoint Framework (SPFx) Angular WebpartsJul 02, 2018. SharePoint’s Rich Tech Editor is one of the finest editor which comes under the column type “Multiple lines of Text” when you enable “Enhanced rich text” option in settings. In this article we will be discussing how to integrate such a great feature in SharePoint Framework applications that is integrated with Angular.
Add Multiple WebParts To Single SPFx Solution Using YeomanJun 26, 2018. Learn how to leverage SharePoint Framework (SPFx) to develop multiple web parts within a single solution using Yeoman, Node JS, and Gulp. This approach saves time by avoiding redundant scaffolding and enables logical grouping for efficient deployment in SharePoint environments.
Deep Dive Into SharePoint Framework (SPFx) Webpart Configuration - Part OneJun 24, 2018. SharePoint is one of the powerful collaboration tool which is been there for decades and evolving day by day. Another crown to it is SharePoint Framework a page and webpart model which provides full support for client-side development model.
How To Bundle Angular HTML Template Files In SharePoint Framework (SPFx) WebpartsJun 18, 2018. In this article we are going to see how to compile TypeScript files to JavaScript with the angular 4 html template files by using custom build toolchain. SharePoint Framework doesn’t provide direct toolchain for angular components but it will be announced in near future.
How To Create And Deploy SharePoint Framework (SPFx) Webparts With Simple CommandsJun 15, 2018. This article demonstrates how to build your first SharePoint Framework with simple commands and how to deploy it to go live instantly. Before start with make sure you have the development environment ready by following official Microsoft SPFx documentation.
Deploy Multiple Instance Of SPFx Webpart In Same App CatalogApr 16, 2018. As SharePoint Framework solutions are deployed as tenant-wide app packages, the client app package needs to deploy in the tenant app catalog. And all these instances of the web parts refer to the bundled JavaScript files from the CDN location specified in the package that is deployed in the app catalog. So, by following the software development lifecycle, it needs to have the ability to run Development, Staging and Production environments as different Site Collections in the same tenant.
RSS Viewer Webpart In SharepointAug 23, 2017. In this blog, I will explain how to use RSS Viewer webpart to display feeds from external websites to the SharePoint portal.
Hero Webpart In SharePoint Communication SiteAug 08, 2017. In this article, I explain how to create and use Hero webpart in SharePoint communication site template.
SharePoint REST Calls With SPHttpClient Class In SPFx WebpartsJul 31, 2017. Let us look at the usage of sphttpclient in SPFx solutions for making REST calls.
Promoted Links WebPart In SharePointJul 12, 2017. In this article, I have explained how to create and use a promoted links webpart in SharePoint.
WebPart Creation Using SharePoint FrameworkJun 07, 2017. WebPart Creation Using SharePoint Framework. In this article, we will see a step by step process of how to create our first web part using SharePoint
Add Table Of Contents Webpart In SharePoint Online SiteMay 23, 2017. In this article I would like to share what is Table of Contents webpart and how to add the table of contents webpart in SharePoint Site.

Tags