Tag: React
-
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.…
-
How to Use Image Helper API in SharePoint Framework

Introduction The Image Helper API has been introduced with the version 1.14 of the SharePoint Framework and it allow to generate a URL to an image that will be close to requested site, this can be useful if resizing operations are required, and also the image might load faster because…
-
Use React in the Quick View of an Adaptive Card Extension

Introduction Do you know that there is the ability to use a client side technology in the Quick View of an Adaptive Card Extension? Since the release of the version 1.20 of SharePoint Framework a new way of defining the Quick View of Adaptive Card Extensions has been introduced: now…