Tag: React
-
Using top actions to configure web parts in a SPFx solution

Introduction With this blog post I want to cover what the top actions are and how to use those in your solution. The top actions of a web part are the commands available when you select a web part, to better understand what we are talking about, have a look…
-
Using the PropertyFieldOrder from the PnP reusable property controls

Introduction Proceeding our dive into the PnP reusable property pane controls, I want to cover the PropertyFieldOrder control. The PnP reusable property pane controls is a package that contains a lot of useful controls that can be used in any SharePoint Framework web part’s property pane, if you want to…
-
Render a Mermaid diagram in an SPFx web part

Introduction Mermaid is quite useful, no doubt about that. It might also be useful to display diagrams in a SharePoint Online site. So, why not displaying a mermaid diagram in an SPFx web part? If you don’t know Mermaid you can have a look here. Visual appearance Let’s start having…
-
Copying Arrays in TypeScript: Spread vs Deep Linking

TLDR: use the spread operator for arrays of non-object items, otherwise you need to copy the array breaking the deep link of the objects using, for example, JSON.parse and JSON.stringify. If you’re interested in knowing more keep reading! With this post I want to remind (mostly to myself) that there…
-
SPFx extensions: discover the field customizer

Introduction SharePoint Framework offers different extension project types, for example the Application customizer (more here), those extensions allow customization of the standard SharePoint Online UI/UX. With this article I will cover the field customizer extension. This extension allows customizing the appearance of a specific field of a SharePoint Online list.…