Four gaps in react-design.md's Fluent UI rules — a MUST with no runtime signal, a host the contract never names, a validation step that proves nothing about accessibility, and a missing motion rule — each with a runnable snippet. Pre-PR working notes, not a changelog.
React
The 16 Rules Your AI Should Follow Before Writing One Line of Fluent UI
Ask an AI coding agent for a Fluent UI card and it often hands back a hardcoded div with invented colors, because generic React training data has never heard of SharePoint's theme constraints. This post walks through react-design.md's 16-section "Copilot UI Contract," the SPFx Dev Skills rule set that stops that failure before an agent writes a single component.
A Try On Multitenant Application Using React with MS Graph API
How to create a multitenant application using React and MS Graph
SPFx – Application Insights Dashboard
This webpart displays different statistics data captured in the Azure Application Insights in a graphical representation. Filters are provided to search for certain period of days. There are few Application Customizer which can be activated in SharePoint Online to track page view, performance etc., to Azure Application Insights, but the data can be viewed only by the administrator who is in-charge of Azure portal. Not all the users will have access to this data, this webpart will provide access to those data that can be used by the portal administrators and developers to keep track of the page performance and hits. Fetched insights data using Application Insights API.
SPFx – Application Insights Advanced
Introduction This application customizer will track the pageviews using Azure App Insights. The customizer will track the react routing which is used in SPA, in SharePoint Online it tracks the navigation between the news post which is not the actual post back. Also, added some custom properties about the site and the logged-in user details for … Continue reading SPFx – Application Insights Advanced
SPFx – SharePoint User Profile Property Sync
SPFx - SharePoint User Profile Property Sync, This web-part will help the administrators who are currently maintaining the user profiles in their organization. Used Azure Function with PnPPowerShell.
SPFx – Document Preview
Introduction This is a list view comman set developed using SharePoint Framework extension. It will help the users to view the supported document preview in a side panel without navigating to the new tab or window. There will be a new button on the list menu named 'Smart View' to view the preview of the … Continue reading SPFx – Document Preview
SPFx – Field Attachment Info
Introduction This is a list field customizer developed using SharePoint Framework extension. It will display the attachment related information for a list item. It focus on the default attachment field which will display only an icon, but this customizer will display the info of the attachments list which will help the business users to access … Continue reading SPFx – Field Attachment Info
SPFx – Quick Poll
Introduction This component is developed as a SharePoint Framework web-part to create poll, capture response from the user's and to display the results in a graphical view. This quick poll is very easy to maintain and quick to set up. The list 'QuickPoll' which captures all the question and responses will be created automatically. Features … Continue reading SPFx – Quick Poll
SPFx – Using React Context API
Introduction Hi friends, this blog post will guide you through the usage of Context API which is one of the new features introduced in the latest version of React in SPFx projects. What is React Context and When to use it In a normal React application, the properties are passed top-down from parent to child and then to … Continue reading SPFx – Using React Context API