Category: SharePoint Framework

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

SharePoint Framework performance optimization list
SharePoint Framework performance optimization list
Blog Posts

Reduce the HTTPS calls that your SPFx web part does to SharePoint and external apis HTTPS is the biggest enemy when we deal with web services in the cloud. Every HTTPS call introduces delay in your web part because of latency. To reduce the delay we could: Minimize the HTTPS calls and the data size… 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

AngularJS - How to Use in SharePoint Framework (SPFx)
AngularJS – How to Use in SharePoint Framework (SPFx)
Blog Posts

In this post, I will show you how to use AngularJS in SPFx. I have divided the steps for better understanding.Here are the steps: 1.    Create SPFx Project with No JavaScript Web Framework 2.    Add Dev Dependencies 3.    Remove some Dependencies 4.    Run “npm install” 5.    Modify “config.json” 6.    Create folder called “app” under “/src/webparts/angularjsWebpart/”… READ MORE

SharePoint Framework Design Series: Layout Patterns — Part III
SharePoint Framework Design Series: Layout Patterns — Part III
Blog Posts

Introduction The SharePoint Design is a beautiful web site that provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. Unfortunately, the SharePoint Design site does not tell you how to create the beautiful web parts they show you. This series is intended as a companion to the SharePoint Design site, providing you… READ MORE