Tag: SPFX

GitHub codespaces + SPFx
GitHub codespaces + SPFx
Blog Posts

In this blog post we will have a look at how we can use GitHub codespaces to do development related to SPFx. The concepts that are mentioned in this blog post run in parallel with the details shared in this brilliant article on Visual Studio codespaces by Paul Schaeflein. In this 2 part series we will start… READ MORE

SPFx — What can it do for us?
SPFx — What can it do for us?
Blog Posts

This post is the continuation from my previous post “SharePoint Framework (SPFx) — An Overview”. In this post, I am going to focus on capabilities of SharePoint Framework. Basically, what SPFx can do for us? SPFx provide us with three types of components that we can build, Web parts, Extensions, and Library Components. Let’s explore… READ MORE

Build Microsoft Teams Meeting App with SPFx
Build Microsoft Teams Meeting App with SPFx
Blog Posts

Overview SPFx v1.12 support for Microsoft Teams meeting apps development. In this article, we will develop pre-meeting app experience using SPFx. Questionnaire meeting app provides Pre-meeting app experience for MS Teams meeting attendees to ask the questions related to meeting before the meeting starts. I am privileged to implement this solution along with my colleagues Ravi… READ MORE

Integration @PnP/Graph and SPFx – 1
Integration @PnP/Graph and SPFx – 1
Blog Posts

I am planning to write series of articles to cover the @PnP/Graph artifacts. I am starting with @PnP/Graph/Users object.Article provides the steps how to integrate PnP Graph in SPFx and best practices to initialize the class and call methods.The SharePoint Development community also known as PnP Community.An open source initiative coordinated by SharePoint engineering.Let’s Start: Create a new web… READ MORE

Conditional Rendering of SPFx ListView Command Sets
Conditional Rendering of SPFx ListView Command Sets
Blog Posts

SharePoint Framework (SPFx) are simply put a framework that allows us to create client side extensions for Microsoft SharePoint and Microsoft Teams. One of the extensions we can make is the ListView Command Set extension, which interacts with items selected in a list. For example, we can create an extension that adds a command to the… READ MORE

Using the Latest Microsoft-Graph-Client in SPFx
Using the Latest Microsoft-Graph-Client in SPFx
Blog Posts

Lately, I’ve been looking at improving at understanding some of the challenges of developers when it comes to Microsoft Graph development, especially in the OneDrive and SharePoint space, including the SharePoint Framework. When we are looking at the simplicity that provides the SharePoint Framework when it comes to using the Microsoft Graph, it looks amazing,… READ MORE

Implement Expand Collapse in SPFx with JavaScript
Implement Expand Collapse in SPFx with JavaScript
Blog Posts

Overview Expand / collapse (aka Accordion) is a very common requirement in SPFx web parts. There are various npm packages available for implementing this. In this article, we will explore implementing expand / collapse functionality in SPFx using plain JavaScript. Although the implementation is with plain JavaScript, it can also be used with React based… READ MORE

Me Experience in Microsoft Teams using Microsoft Graph Toolkit and SPFx
Me Experience in Microsoft Teams using Microsoft Graph Toolkit and SPFx
Blog Posts

Microsoft Graph Toolkit and SPFx. Create the Me Experience as explained in the blog by Waldek Mastykarz using Microsoft Graph Toolkit with React and SPFx This blog is a short walkthrough of the sample created for the Me Experience with the Combine multiple web parts in a single tab of a personal Teams app approach The sample covers: Microsoft Graph Open Extensions Microsoft… READ MORE

Text to speech in SharePoint Framework (SPFx) web part
Text to speech in SharePoint Framework (SPFx) web part
Blog Posts

This article provides steps to implement the Text to speech feature in the SharePoint Framework (SPFx) web part Create a new web part project Open power shell and run following comment to create a new web part by running the Yeoman SharePoint Generator When prompted: Enter the webpart name as your solution name, and then… READ MORE

Be Careful Revoking SharePoint SPFx Service Principal Grants
Be Careful Revoking SharePoint SPFx Service Principal Grants
Blog Posts

When building SPFx webparts which connect to the Graph API, or other 3rd party API’s, you have to grant the appropriate permissions to the ServicePrincipal used by SPFx, which is called “SharePoint Online Client Extensibility Web Application Principal” – see Request permissions to an Azure AD application. There are a few ways you can do this; Declarative permissions request by… READ MORE