SharePoint Framework
Microsoft's edit ·
Microsoft's commit message in SharePoint/sp-dev-docs · commit 8030999 · +10 −13 lines · also on GitHub
11
---
22
title: Overview of the SharePoint Framework (SPFx)
33
description: SPFx is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and extending Microsoft 365.
4
−ms.date: 9/19/2025
4
+ms.date: 12/10/2025
55
ms.localizationpriority: high
66
---
77
⋯ 5 unchanged lines
1313
1414
The SPFx is the recommended SharePoint customization and extensibility model for developers. Due to tight integration between SharePoint Online, Microsoft Teams, and Microsoft Viva Connections, developers can also use SPFx to customize and extend all of these products. In fact, the SPFx is the only extensibility and customization option for Viva Connections.
1515
16
−You can build SharePoint Framework powered solutions by using [SharePoint Framework Yeoman Generator](https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment), [Microsoft Agents Toolkit](https://learn.microsoft.com/en-us/microsoftteams/platform/toolkit/agents-toolkit-fundamentals?pivots=visual-studio-code), or with the [SharePoint Framework Toolkit](https://pnp.github.io/vscode-viva/). Key advantage is the flexibility of automatic hosting with the option to use the exact same component across the different hosts without any code level changes. This is designed to maximize the value of your development investments, regardless of which primary host you are targeting.
16
+You can build SharePoint Framework powered solutions by using [SharePoint Framework Yeoman Generator](set-up-your-development-environment.md), [Microsoft Agents Toolkit](/microsoftteams/platform/toolkit/agents-toolkit-fundamentals?pivots=visual-studio-code), or with the [SharePoint Framework Toolkit](https://pnp.github.io/vscode-viva/). Key advantage is the flexibility of automatic hosting with the option to use the exact same component across the different hosts without any code level changes. This is designed to maximize the value of your development investments, regardless of which primary host you are targeting.
1717
1818
Key capabilities of the SharePoint Framework for Microsoft 365 are the following:
1919
⋯ 4 unchanged lines
2424
2525
Write once and surface exactly the same code across [multiple applications](./office/overview.md). Below picture shows example case with a [reference solution](https://github.com/pnp/spfx-reference-scenarios/tree/main/samples/contoso-retail-demo/) available from GitHub.
2626
27
−
27
+
2828
2929
Use SPFx to extend [Microsoft Viva Connections](./viva/overview-viva-connections.md) by building custom Adaptive Card Extensions.
3030
31
−
31
+
3232
3333
In addition to Microsoft 365, the SPFx is supported and can be used to customize SharePoint on-premises deployments going back to SharePoint Server 2016.
3434
3535
To learn more about where developers can use SPFx, see [Supported extensibility platforms](supported-extensibility-platforms-overview.md).
3636
37
−
38
−
3937
## Key features of the SharePoint Framework
4038
4139
The following are some of the key features included as part of the SPFx:
4240
43
−- It runs in the context of the current user and connection in the browser. There are no iFrames for the customization (JavaScript is embedded directly to the page).
41
+- It runs in the context of the current user and connection in the browser. There are no iframes for the customization (JavaScript is embedded directly to the page).
4442
- The controls are rendered in the normal page DOM.
4543
- The controls are responsive and accessible by nature.
4644
- It enables the developer to access the lifecycle in addition to **render**, **load**, **serialize** and **deserialize**, **configuration changes**, and more.
47
−- It's framework-agnostic. You can use any JavaScript framework that you like including, but not limited to, React, Handlebars, Knockout, Angular, and Vue.js.
48
−- The developer toolchain is based on popular open-source client development tools such as NPM, TypeScript, Yeoman, webpack, and gulp.
45
+- It's framework-agnostic. You can use any JavaScript web framework that you like including, but not limited to, React, Handlebars, Knockout, Angular, and Vue.js.
46
+- The developer toolchain is based on popular open-source client development tools such as npm, TypeScript, Yeoman, webpack, and Heft.
4947
- Performance is reliable.
5048
- End users can use SPFx client-side solutions that are approved by the tenant administrators (or their delegates) on all sites, including self-service team, group, or personal sites.
5149
- SPFx web parts can be added to both classic and modern pages.
52
−- SPFx solutions can be used to extend Microsoft Teams.
53
−- SPFx can be used to extend Microsoft Viva Connections.
54
−- SPFx can be use to extend Outlook and Office 365 app (Office)
50
+- SPFx web parts solutions can be used to extend Microsoft Teams.
51
+- SPFx Adaptive Card Extensions (ACEs) can be used to extend Microsoft Viva Connections.
5552
56
−The runtime model improves on the Script Editor web part. It includes a robust client API, an HttpClient object that handles authentication to SharePoint and Microsoft 365, contextual information, easy property definition and configuration, and more.
53
+The runtime model improves on the Script Editor web part. It includes a robust client API, an `HttpClient` object that handles authentication to SharePoint and Microsoft 365, contextual information, easy property definition and configuration, and more.
5754
5855
If you work primarily with C#, you want to learn more about client-side JavaScript development. Most of your existing JavaScript knowledge related to SharePoint, however, is transferable, as the data models haven't changed, and you’ll use the same [REST services](../sp-add-ins/get-to-know-the-sharepoint-rest-service.md) depending on your requirements. If you're a C# developer, TypeScript is a nice transition into the JavaScript world. The choice of IDE is up to you. Many developers like to use the cross-platform IDE [Visual Studio Code](https://code.visualstudio.com).
5956
⋯ 22 unchanged lines
Microsoft's Markdown source from SharePoint/sp-dev-docs, © Microsoft Corporation, under CC BY 4.0. Changed lines with up to 3 unchanged lines around each; ChangeIntel kept this copy 12 Oct 19:35 UTC. The commit date is when the source changed, which can be hours or days before Learn published it.