How to Use Fluent UI React GroupedList in an SPFx Web Part

Fluent UI React GroupedList in an SPFx Web Part

In this SPFx tutorial, I’ll show you how to use the GroupedList control inside a SharePoint Framework (SPFx) client-side web part. Two quick notes before we start, because both trip people up when they’re following an older blog post. First, this control used to be called Office UI Fabric React GroupedList. Microsoft renamed the whole … Read more >>>

Error TS2307: Cannot Find Module ‘@pnp/sp/presets/all’ in SPFx

Cannot find module @pnp/sp/presets/all

Are you getting the error TS2307: Cannot find module ‘@pnp/sp/presets/all’ or its corresponding type declarations while building a SharePoint Framework (SPFx) web part? This error usually occurs when your SPFx project does not have the required PnPjs package installed, the installed PnPjs version does not match your import syntax, or dependencies were not restored correctly … Read more >>>

The mailbox is either inactive soft deleted or is hosted on premise graph api in SPFx

spfx the mailbox is either inactive, soft-deleted, or is hosted on-premise

Recently, I was building an SPFx Quiz Application web part using React. In this application, users can attempt a quiz and receive their results through email after submission. To send emails, I used Microsoft Graph’s /me/sendMail endpoint through MSGraphClientV3. This endpoint requires the Mail.Send delegated permission. Everything was working perfectly when internal users submitted the … Read more >>>

Modern Script Editor Web Part using SharePoint Framework (SPFx)

Script editor web part for modern pages using spfx

In classic SharePoint sites, the script editor webpart is available, but in modern SharePoint Online sites, it is not available due to security and performance considerations. To achieve similar functionality, we can create an SPFx React-based script editor webpart. In this article, I will explain how to create a script editor webpart for the SharePoint … Read more >>>

SPFx Application Customizer Example

SPFx Application Customizer Example

A few days ago, I started working on SharePoint Framework (SPFx) Application Customizer extensions and tried out different ways to customize the top and bottom placeholders in SharePoint. While working on those examples, I also created a useful extension displaying multiple time zone clocks in the SharePoint site header using an SPFx Application Customizer. This … Read more >>>

Display Current User Name in SPFx Client Side Web Part

Spfx get current user

If you’re new to SharePoint Framework (SPFx) or just starting to build the web parts, one of the first things you need to know is how to get the current logged-in user’s information in SharePoint Online. Refer to the image below: In this article, you’ll learn how to fetch and display details such as the … Read more >>>

Add Bootstrap to SharePoint SPFx Webpart – Step By Step

react bootstrap table with pagination

Bootstrap is one of the most popular frameworks for front-end web development. Instead of using plain HTML and CSS for styling, you can use Bootstrap libraries. With Bootstrap, we can quickly add styling and layout features without writing a lot of CSS. In SPFx development, you can also use Bootstrap libraries to provide styling in … Read more >>>

>
SPGUIDES.ACADEMY
LEARN. BUILD. TRANSFORM.
Live FREE Webinar

Build an AI-Powered
Invoice Processing
App

Learn how to build an intelligent invoice processing solution using:

S SharePoint
Power Apps
Power Automate
Copilot Studio
PDF INVOICE
AI
S
From Invoice
to Insights
Invoice Processing ↑ Upload Invoice
INVOICE
TOTAL $1,950.00
Extracted Information
Vendor Name Contoso Ltd.
Invoice Number INV-1001
Invoice Date 09/05/2026
Due Date 09/25/2026
Line Items
Laptop 2 $1,600.00
Mouse 5 $150.00
✓ Save to SharePoint
DATE 22nd September 2026
TIME 10:00 AM EST 7:30 PM IST
DURATION 60 Minutes
🚀 Save Your Free Seat

Live Webinar

SharePoint Integration Power Apps Form With Repeating Table [Invoice Management System]

Learn how to build a real-world Invoice Management System using a SharePoint Integration Power Apps Form with a repeating table—supporting multiple invoice line items.

📅 2nd September 2026 – 10:00 AM EST | 7:30 PM IST

Build a High-Performance Project Management Site in SharePoint Online

User registration Power Apps canvas app

DOWNLOAD USER REGISTRATION POWER APPS CANVAS APP

Download a fully functional Power Apps Canvas App (with Power Automate): User Registration App

Power Platform Tutorial FREE PDF Download

FREE Power Platform Tutorial PDF

Download 135 Pages FREE PDF on Microsoft Power Platform Tutorial. Learn Now…