Public Samples

This repo is for any public published samples from presentations or blog articles.

Please feel free to utilize the code at will. As such there are no guarantees that any code provided in this repo will function properly in all cases, and is meant for educational use only.

USE INSTRUCTIONS: All examples that are not written using the SharePoint framework are intended for classic SharePoint and, unless otherwise stipulated, are intended to be run inside the context of a SharePoint site collection. Where a 3rd party library was used I make an effort to point to a public CDN where available. Many of these examples have references to custom files that would be stored in a library in a site collection in my own tenant. Please make sure you review the locations of all reference libraries and make sure to adjust accordingly to your own needs.

Blog Posts - Most recent posts at the top

Blog posts are linked here, with a link to the corresponding code to the right of the ->

SPFx Command Set Dialogs without DOM Manipulation using hTWOo React -> hTWOoDialogCommand

Using CSS Variables to Morph Your SPFx Design at Run Time -> CSSVariables

Curate the News: Social Following Sites on behalf of a user -> FollowSite

Resolve to Log -> PnPLogger

Conquer your dev toolchain in classic SharePoint -> DevelopmentToolchain

Creating a property pane for editing items in your SPFx web parts -> SPFXItemProperty

Utilizing ngOfficeUIFabric People Picker in SharePoint -> NGFabricUIPeoplePicker

SharePoint time, is not your time, is not their time. -> SPDateTime

Extending SharePoint with ADAL and the Microsoft Graph API -> MSGraph ADAL Intro

Conference Sessions - Most recent sessions at the top

From Low Code to Pro Code Workshop

Links

Extending Microsoft 365: Exploring the Art of the Possible

Links

Presentation

Extending Microsoft 365: Exploring the Art of the Possible

Microsoft 365

Presentation

Microsoft 365 Development: Atomic Component Design

Level up workflow with Webhooks

Sample: Webhooks

Build NPM Libraries for use with SPFx

Sample: NPM Libraries for SPFx

PnPjs and the SharePoint Framework: Version 3 What's New

Sample PnPjsV3

An Introduction to Atomic React Component Design

Sample: Atomic Design

PnPjs and Async/Await - A Powerful Combination to Make your SharePoint Framework code Sing

Sample: PnPjs and Async/Await

Strategies for Modernizing Your Development Skills

Demo: Development Toolchain

BI for the Cobbler's Children - Client Side Charting and Graphing

Demo: C3 Chart -> C3 Chart

Demo: C3 Dashboard -> C3 Dashboard

Demo: Canvas Gauge -> Canvas Gauge

Excel automation scenarios with SharePoint client-side development

Demo: Microsoft Graph Excel -> MSGraph Excel

Develop and deploy Outlook Actionable Messages for optimize user productivity

Demo: Actionable Message Azure Functions -> AMFunctions

Leveraging Microsoft Graph API through Client Side Web Parts

Demo: Use adal.js library without a framework -> SPADALNoFramework

Demo: Use adal.js & adal-angular.js in AngularJS 1.x application -> SPADALAngular

Demo: Create Excel Spreadsheet from Client Side Widget -> SPADALMSGraphAPI

Getting Started with JavaScript Development Workshop

All Demos in the subfolder: SP Intro Client Dev

Build a Complete Business Solution using Microsoft Graph API through Client Side Web Parts

Demo: Get Manager/Peers/Direct Reports -> GetManagerPeerDR.ts

Demo: File from SharePoint to OneDrive -> FileSPtoOD.ts