Skip to content

SharePoint

What is SPFx?

By Suresh Girinathuni

Quick answer

SharePoint Framework (SPFx) is Microsoft’s client-side development model for extending SharePoint and related Microsoft 365 experiences. Developers build web parts and extensions with standard web tooling — TypeScript, Node.js, and frameworks such as React — and the resulting components run in the browser in the context of the current user, with no iframes.

Key takeaways

  • Client-side model: TypeScript, React, and standard web tooling — no iframes.
  • Build web parts plus Application, Field, and Command Set extensions.
  • Deploy .sppkg via the app catalog with admin-approved API permissions.

Detailed Explanation

SharePoint Framework (SPFx) is Microsoft’s client-side development model for extending SharePoint and related Microsoft 365 experiences. Developers build web parts and extensions with standard web tooling — TypeScript, Node.js, and frameworks such as React — and the resulting components run in the browser in the context of the current user, with no iframes.

How it works

You scaffold a project with the SharePoint Framework Yeoman generator, build with the standard toolchain (npm, TypeScript, gulp/webpack), and package the solution as an .sppkg file deployed to the SharePoint app catalog. Tenant administrators approve the solution and any API permissions it requests. The same component model extends SharePoint pages (web parts), list and library experiences (extensions such as Application Customizers, Field Customizers, and Command Sets), Microsoft Teams, and Viva Connections (Adaptive Card Extensions).

Limitations and considerations

SPFx is client-side only — there is no server-side code. Solutions need tenant admin approval and API permission grants before they can call Microsoft Graph or other protected APIs. Match the React and Node.js versions supported by your SPFx version, and never depend on the SharePoint page DOM structure, which Microsoft can change.

This Q&A page is the short-answer layer for “What is SPFx?” Use the related guides below when you need implementation steps, architecture trade-offs, or troubleshooting detail.

For broader context, visit the SharePoint Hub. It connects this topic to surrounding Microsoft 365, Power Platform, SharePoint, Copilot Studio, Dataverse, migration, and Dynamics 365 guidance.

When to use it

Use SPFx when you need custom web parts, branded page experiences, list/library customizations, or Teams and Viva surfaces that low-code options cannot deliver. For form-style business apps, compare with Power Apps first.

Practical example

An IT team ships an employee-directory web part: it reads profiles through Microsoft Graph, renders with React, and is deployed once to the app catalog so every intranet site owner can add it to a page.

Related Questions

What is SharePoint Online?SharePoint Online is Microsoft’s cloud platform for document management, intranets, collaboration, and information sharing.How do SharePoint permissions work?SharePoint permissions control access to sites, libraries, lists, folders, and items, usually through inherited access unless unique permissions are required.What is Microsoft Graph?Microsoft Graph is the unified API for Microsoft 365: one endpoint model to read and manage users, groups, Teams, SharePoint, mail, calendars, and more — governed by explicit permissions and consent.What are SPFx extensions?SPFx extensions customize SharePoint list, library, and page experiences: Application Customizers inject header/footer and page behavior, Field Customizers re-render columns, and Command Sets add command-bar actions.

Related nextM365 Guides

SharePointSPFx Roadmap Update August 2026: Copilot Components, React 18, and SPFx 1.24Microsoft has shared the August 2026 SPFx roadmap update. Here is what SPFx 1.24 Beta 3, Copilot Components, React 18 support, and the October 2026 GA target mean for SharePoint teams.SharePointSharePoint Copilot Apps: SPFx Meets Microsoft 365 CopilotLearn how SharePoint Copilot Apps combine SPFx, React, SharePoint data, declarative agents, and Microsoft 365 Copilot to create interactive work experiences.SharePointSharePoint Online Tutorial for BeginnersLearn SharePoint Online from scratch with a beginner-friendly tutorial covering sites, pages, document libraries, lists, permissions, metadata, Teams integration, and practical Microsoft 365 use cases.

Sources