SPFx

Bob German's SharePoint Framework Samples

This repo contains SharePoint Framework samples used in my talks at various conferences since July 2016. I update solutions from time to time, which is good unless you were looking for the version from two years ago!

Thanks!

Bob German (@Bob1German)

Slides

The Slides folder contains slide decks from recent workshops I've led on SPFx. Each deck ends with helpful reference links.

SP-S01 Office 365 Development Overview - Introduction to Office 365 development all-up, including Office add-ins, SharePoint development, Teams development, and more

SP-S02 - What is Modern SharePoint - Modern SharePoint is the #1 reason for adopting the SharePoint Framework. This presentation explains how Microsoft is modernizing SharePoint even as it serves millions of users around the world.

SP-T01 - SharePoint Framework Tools and work flow - Introduction to the tools used to build for SPFx; starting from scratch

SP-T02 - Introduction to TypeScript - Getting started with TypeScript (accompanying source code is here)

SP-T03 - Bundling and Webpack - Bundling concepts; importing and exporting modules (accompanying source code is here)

SP-T04 - React Basics - Learn enough React to get started and to build small projects like web parts and extensions (accompanying source code is here) and here

SP-T05 - Accessing SharePoint and Graph APIs - This section needs an update to the new MSGraphClient and AadHttpClient (accompanying source code is here)

Samples

Fetch - Shows how to access SharePoint and Graph API's from the SharePoint Framework. Needs update for the new MSGraph API.

Link Picker - Shows how to access the OneDrive file picker when editing a web part. Related blog article is here.

Quotes - Displays one or more quotes from a SharePoint list; shows several concepts including a React web part with Office UI Fabric components, a custom editor component, and more. A simpler version in Plunker is available for you to play with here.

Weather - The web part that everybody has to write! This one is old and may not work; I need to overhaul. It's in ReactJS.

WebPackDemoKO - Simple Knockout web part shows several examples of how imports and exports work. Look in /src/webparts/webPackKo/modules for some simple files that show the various syntaxes.