Tag: SharePoint Framework

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

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

A SPFx Table Of Contents Extension for SharePoint
A SPFx Table Of Contents Extension for SharePoint
Blog Posts

A SPFx table of contents for your SharePoint modern pages to direct the readers where they need to be, in addition to making your pages more reader-friendly. On your SharePoint pages, using a table of contents can be useful to direct the reader to exactly where they need to be, in addition to making your… 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