SlideShare a Scribd company logo
Waldek
Mastykarz
Mikael
Svenson
Thanks to our sponsors
Platinum
Gold
Silver
SharePint
Building solutions with the SharePoint Framework - deep-dive
Don’t bundle frameworks. Load from URL
instead
config/config.json
{
externals: {
"angular": {
"path": "https://cdn.com/…/angular.min.js",
"globalName": "angular"
}
}
}
Different way to reference the framework
based on its format
• Module format (AMD, UMD, etc.)
• URL only
• Non-module format
• URL + globalName
• optional globalDependencies
Building solutions with the SharePoint Framework - deep-dive
Known where you’re running
• Get from this.context.environment.type
• Possible values:
• EnvironmentType.Test – tests context
• EnvironmentType.Local – SharePoint workbench
• EnvironmentType.SharePoint – Modern SharePoint page
• EnvironmentType.ClassicSharePoint – Classic SharePoint page
Validate web part properties values
• Synchronous
• Valid value: return empty string
• Invalid value: return error message
• Asynchronous (using Promises)
• Valid value: resolve promise with empty string
• Invalid value: resolve promise with the error message
• Do not reject the promise!
Pre-configure web part for easy use
• Configuration set provided through preconfiguredEntries
• Different title, description and web part properties value
Consider search
• Use the searchablePropertyNames property to expose web
part configuration to SharePoint search
Building solutions with the SharePoint Framework - deep-dive
Web part configuration
• Standard through web part property pane
• Easy to implement
• Familiar to users
• Custom through the web part surface
• More complex to implement
• Gives developers more freedom
Building solutions with the SharePoint Framework - deep-dive
Analyze SharePoint Framework projects with
SPCAF
• Catch errors and fix easily using the provided guidance
• For developers
• Code analysis
• Best practices
• For administrators
• Solution inventory
• Security assessment
• Available soon (visit spcaf.com for more information)
Get in touch!
@waldekm
blog.mastykarz.nl
@mikaelsvenson
techmikael.com
Ad

More Related Content

What's hot (20)

Azure Serverless Conf
Azure Serverless ConfAzure Serverless Conf
Azure Serverless Conf
Jose Javier Columbie
 
Going Serverless with Azure Functions
Going Serverless with Azure FunctionsGoing Serverless with Azure Functions
Going Serverless with Azure Functions
Christos Matskas
 
Azure Cloud Services
Azure Cloud ServicesAzure Cloud Services
Azure Cloud Services
Guy Barrette
 
Azure functions
Azure functionsAzure functions
Azure functions
EducationTamil
 
Server rendering-talk
Server rendering-talkServer rendering-talk
Server rendering-talk
Daiwei Lu
 
Introduction presentation
Introduction presentationIntroduction presentation
Introduction presentation
Vladislav Hadzhiyski
 
ASP.NET MVC 4
ASP.NET MVC 4ASP.NET MVC 4
ASP.NET MVC 4
Danijel Malik
 
Mvc razor and working with data
Mvc razor and working with dataMvc razor and working with data
Mvc razor and working with data
Vladislav Hadzhiyski
 
Single page App
Single page AppSingle page App
Single page App
Gaurav Gawande
 
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CodeOps Technologies LLP
 
Web forms Overview Presentation
Web forms Overview PresentationWeb forms Overview Presentation
Web forms Overview Presentation
Vladislav Hadzhiyski
 
London .NET Developers Azure Websites
London .NET Developers Azure WebsitesLondon .NET Developers Azure Websites
London .NET Developers Azure Websites
Tom Walker
 
Building rest services using aspnetwebapi
Building rest services using aspnetwebapiBuilding rest services using aspnetwebapi
Building rest services using aspnetwebapi
Brij Mishra
 
Why XAF and XPO?
Why XAF and XPO?Why XAF and XPO?
Why XAF and XPO?
Jose Javier Columbie
 
How to automate the SharePoint Provisioning
How to automate the SharePoint Provisioning How to automate the SharePoint Provisioning
How to automate the SharePoint Provisioning
Knut Relbe-Moe [MVP, MCT]
 
Go Serverless with Java and Azure Functions
Go Serverless with Java and Azure FunctionsGo Serverless with Java and Azure Functions
Go Serverless with Java and Azure Functions
CodeOps Technologies LLP
 
How to ease the learning curve
How to ease the learning curveHow to ease the learning curve
How to ease the learning curve
Jose Javier Columbie
 
ASP.NET 5
ASP.NET 5ASP.NET 5
ASP.NET 5
David Voyles
 
A Simpler Web App Architecture (jDays 2016)
A Simpler Web App Architecture (jDays 2016)A Simpler Web App Architecture (jDays 2016)
A Simpler Web App Architecture (jDays 2016)
Gustaf Nilsson Kotte
 
Building Modern Web Applications with ASP.NET5
Building Modern Web Applications with ASP.NET5Building Modern Web Applications with ASP.NET5
Building Modern Web Applications with ASP.NET5
Brij Mishra
 
Going Serverless with Azure Functions
Going Serverless with Azure FunctionsGoing Serverless with Azure Functions
Going Serverless with Azure Functions
Christos Matskas
 
Azure Cloud Services
Azure Cloud ServicesAzure Cloud Services
Azure Cloud Services
Guy Barrette
 
Server rendering-talk
Server rendering-talkServer rendering-talk
Server rendering-talk
Daiwei Lu
 
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE S...
CodeOps Technologies LLP
 
London .NET Developers Azure Websites
London .NET Developers Azure WebsitesLondon .NET Developers Azure Websites
London .NET Developers Azure Websites
Tom Walker
 
Building rest services using aspnetwebapi
Building rest services using aspnetwebapiBuilding rest services using aspnetwebapi
Building rest services using aspnetwebapi
Brij Mishra
 
How to automate the SharePoint Provisioning
How to automate the SharePoint Provisioning How to automate the SharePoint Provisioning
How to automate the SharePoint Provisioning
Knut Relbe-Moe [MVP, MCT]
 
Go Serverless with Java and Azure Functions
Go Serverless with Java and Azure FunctionsGo Serverless with Java and Azure Functions
Go Serverless with Java and Azure Functions
CodeOps Technologies LLP
 
A Simpler Web App Architecture (jDays 2016)
A Simpler Web App Architecture (jDays 2016)A Simpler Web App Architecture (jDays 2016)
A Simpler Web App Architecture (jDays 2016)
Gustaf Nilsson Kotte
 
Building Modern Web Applications with ASP.NET5
Building Modern Web Applications with ASP.NET5Building Modern Web Applications with ASP.NET5
Building Modern Web Applications with ASP.NET5
Brij Mishra
 

Viewers also liked (20)

Deep-dive building solutions on the SharePoint Framework
Deep-dive building solutions on the SharePoint FrameworkDeep-dive building solutions on the SharePoint Framework
Deep-dive building solutions on the SharePoint Framework
Waldek Mastykarz
 
Building productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft GraphBuilding productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft Graph
Waldek Mastykarz
 
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developersChris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien
 
SharePoint Online
SharePoint OnlineSharePoint Online
SharePoint Online
Nigel Price
 
Azure Web Apps - Deep Dive
Azure Web Apps - Deep DiveAzure Web Apps - Deep Dive
Azure Web Apps - Deep Dive
BizTalk360
 
How to Break the Zombification of the Enterprise!
How to Break the Zombification of the Enterprise!How to Break the Zombification of the Enterprise!
How to Break the Zombification of the Enterprise!
Christian Buckley
 
Office add ins 0-60
Office add ins 0-60Office add ins 0-60
Office add ins 0-60
Albert-Jan Schot
 
SharePoint Framework do's and don'ts
SharePoint Framework do's and don'tsSharePoint Framework do's and don'ts
SharePoint Framework do's and don'ts
Waldek Mastykarz
 
Where Form Meets Function: Understanding Collaboration's Cultural Fit
Where Form Meets Function: Understanding Collaboration's Cultural FitWhere Form Meets Function: Understanding Collaboration's Cultural Fit
Where Form Meets Function: Understanding Collaboration's Cultural Fit
Christian Buckley
 
Microsoft graph api deep dive
Microsoft graph api deep diveMicrosoft graph api deep dive
Microsoft graph api deep dive
Albert-Jan Schot
 
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
Nuevas Tecnologías de Almacenamiento con 3 par
Nuevas Tecnologías de Almacenamiento con 3 parNuevas Tecnologías de Almacenamiento con 3 par
Nuevas Tecnologías de Almacenamiento con 3 par
Omega Peripherals
 
Deploying SharePoint Online: What You Need To Know
Deploying SharePoint Online: What You Need To KnowDeploying SharePoint Online: What You Need To Know
Deploying SharePoint Online: What You Need To Know
Haniel Croitoru
 
Quattro interventi per agevolare la crescita
Quattro interventi per agevolare la crescitaQuattro interventi per agevolare la crescita
Quattro interventi per agevolare la crescita
Xerox Global
 
Cami tics
Cami ticsCami tics
Cami tics
12ca12
 
Britain 2013: The Trend (So Far)
Britain 2013: The Trend (So Far)Britain 2013: The Trend (So Far)
Britain 2013: The Trend (So Far)
Ipsos UK
 
T h e g u i t a r - presentation
T h e   g u i t a r - presentationT h e   g u i t a r - presentation
T h e g u i t a r - presentation
nenaw01kslt
 
Project Management Article Transport Magazine dual language rev6
Project Management Article Transport Magazine dual language rev6Project Management Article Transport Magazine dual language rev6
Project Management Article Transport Magazine dual language rev6
Rene Cruz
 
ATBSS-PROFILE_2016 (1).PDF
ATBSS-PROFILE_2016 (1).PDFATBSS-PROFILE_2016 (1).PDF
ATBSS-PROFILE_2016 (1).PDF
ATBSS- All Time Business Setup Services
 
Live Webinar: Crash Course in Metrics & Analytics
Live Webinar: Crash Course in Metrics & AnalyticsLive Webinar: Crash Course in Metrics & Analytics
Live Webinar: Crash Course in Metrics & Analytics
LinkedIn
 
Deep-dive building solutions on the SharePoint Framework
Deep-dive building solutions on the SharePoint FrameworkDeep-dive building solutions on the SharePoint Framework
Deep-dive building solutions on the SharePoint Framework
Waldek Mastykarz
 
Building productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft GraphBuilding productivity solutions with Microsoft Graph
Building productivity solutions with Microsoft Graph
Waldek Mastykarz
 
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developersChris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien
 
SharePoint Online
SharePoint OnlineSharePoint Online
SharePoint Online
Nigel Price
 
Azure Web Apps - Deep Dive
Azure Web Apps - Deep DiveAzure Web Apps - Deep Dive
Azure Web Apps - Deep Dive
BizTalk360
 
How to Break the Zombification of the Enterprise!
How to Break the Zombification of the Enterprise!How to Break the Zombification of the Enterprise!
How to Break the Zombification of the Enterprise!
Christian Buckley
 
SharePoint Framework do's and don'ts
SharePoint Framework do's and don'tsSharePoint Framework do's and don'ts
SharePoint Framework do's and don'ts
Waldek Mastykarz
 
Where Form Meets Function: Understanding Collaboration's Cultural Fit
Where Form Meets Function: Understanding Collaboration's Cultural FitWhere Form Meets Function: Understanding Collaboration's Cultural Fit
Where Form Meets Function: Understanding Collaboration's Cultural Fit
Christian Buckley
 
Microsoft graph api deep dive
Microsoft graph api deep diveMicrosoft graph api deep dive
Microsoft graph api deep dive
Albert-Jan Schot
 
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
Nuevas Tecnologías de Almacenamiento con 3 par
Nuevas Tecnologías de Almacenamiento con 3 parNuevas Tecnologías de Almacenamiento con 3 par
Nuevas Tecnologías de Almacenamiento con 3 par
Omega Peripherals
 
Deploying SharePoint Online: What You Need To Know
Deploying SharePoint Online: What You Need To KnowDeploying SharePoint Online: What You Need To Know
Deploying SharePoint Online: What You Need To Know
Haniel Croitoru
 
Quattro interventi per agevolare la crescita
Quattro interventi per agevolare la crescitaQuattro interventi per agevolare la crescita
Quattro interventi per agevolare la crescita
Xerox Global
 
Cami tics
Cami ticsCami tics
Cami tics
12ca12
 
Britain 2013: The Trend (So Far)
Britain 2013: The Trend (So Far)Britain 2013: The Trend (So Far)
Britain 2013: The Trend (So Far)
Ipsos UK
 
T h e g u i t a r - presentation
T h e   g u i t a r - presentationT h e   g u i t a r - presentation
T h e g u i t a r - presentation
nenaw01kslt
 
Project Management Article Transport Magazine dual language rev6
Project Management Article Transport Magazine dual language rev6Project Management Article Transport Magazine dual language rev6
Project Management Article Transport Magazine dual language rev6
Rene Cruz
 
Live Webinar: Crash Course in Metrics & Analytics
Live Webinar: Crash Course in Metrics & AnalyticsLive Webinar: Crash Course in Metrics & Analytics
Live Webinar: Crash Course in Metrics & Analytics
LinkedIn
 
Ad

Similar to Building solutions with the SharePoint Framework - deep-dive (20)

Learn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
Learn Cloud-Native .NET: Core Configuration Fundamentals with SteeltoeLearn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
Learn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
VMware Tanzu
 
Cnam azure ze cloud resource manager
Cnam azure ze cloud  resource managerCnam azure ze cloud  resource manager
Cnam azure ze cloud resource manager
Aymeric Weinbach
 
125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용
NAVER D2
 
Deploying asp.net and mvc applications to azure
Deploying asp.net and mvc applications to azureDeploying asp.net and mvc applications to azure
Deploying asp.net and mvc applications to azure
Glyn Darkin
 
Tokyo Azure Meetup #14 - Azure Functions Proxies
Tokyo Azure Meetup #14  -  Azure Functions ProxiesTokyo Azure Meetup #14  -  Azure Functions Proxies
Tokyo Azure Meetup #14 - Azure Functions Proxies
Tokyo Azure Meetup
 
CosmosDB.pptx
CosmosDB.pptxCosmosDB.pptx
CosmosDB.pptx
Udaiappa Ramachandran
 
Mean machine
Mean machineMean machine
Mean machine
Nicu Dine
 
Building single page apps with Durandal js
Building single page apps with Durandal jsBuilding single page apps with Durandal js
Building single page apps with Durandal js
Alex Andreu Sánchez
 
Introduction to Flask Micro Framework
Introduction to Flask Micro FrameworkIntroduction to Flask Micro Framework
Introduction to Flask Micro Framework
Mohammad Reza Kamalifard
 
What's New for the Windows Azure Developer? Lots!!
What's New for the Windows Azure Developer?  Lots!!What's New for the Windows Azure Developer?  Lots!!
What's New for the Windows Azure Developer? Lots!!
Michael Collier
 
The Greatest Introduction to SharePoint Framework (SPFx) on earth!
The Greatest Introduction to SharePoint Framework (SPFx) on earth!The Greatest Introduction to SharePoint Framework (SPFx) on earth!
The Greatest Introduction to SharePoint Framework (SPFx) on earth!
Małgorzata Borzęcka
 
Deploying your static web app to the Cloud
Deploying your static web app to the CloudDeploying your static web app to the Cloud
Deploying your static web app to the Cloud
Christoffer Noring
 
Deep dive into share point framework webparts
Deep dive into share point framework webpartsDeep dive into share point framework webparts
Deep dive into share point framework webparts
Prabhu Nehru
 
More Cache for Less Cash (DevLink 2014)
More Cache for Less Cash (DevLink 2014)More Cache for Less Cash (DevLink 2014)
More Cache for Less Cash (DevLink 2014)
Michael Collier
 
Spring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloudSpring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloud
Orkhan Gasimov
 
Introduction to SharePoint Framework
Introduction to SharePoint FrameworkIntroduction to SharePoint Framework
Introduction to SharePoint Framework
Małgorzata Borzęcka
 
ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015
Hossein Zahed
 
Microsoft Azure Ağ Servisleri
Microsoft Azure Ağ ServisleriMicrosoft Azure Ağ Servisleri
Microsoft Azure Ağ Servisleri
Önder Değer
 
AWS CloudFormation Intrinsic Functions and Mappings
AWS CloudFormation Intrinsic Functions and Mappings AWS CloudFormation Intrinsic Functions and Mappings
AWS CloudFormation Intrinsic Functions and Mappings
Adam Book
 
CDN implmentation consideration
CDN implmentation considerationCDN implmentation consideration
CDN implmentation consideration
Avi Shalisman
 
Learn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
Learn Cloud-Native .NET: Core Configuration Fundamentals with SteeltoeLearn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
Learn Cloud-Native .NET: Core Configuration Fundamentals with Steeltoe
VMware Tanzu
 
Cnam azure ze cloud resource manager
Cnam azure ze cloud  resource managerCnam azure ze cloud  resource manager
Cnam azure ze cloud resource manager
Aymeric Weinbach
 
125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용125 고성능 web view-deview 2013 발표 자료_공유용
125 고성능 web view-deview 2013 발표 자료_공유용
NAVER D2
 
Deploying asp.net and mvc applications to azure
Deploying asp.net and mvc applications to azureDeploying asp.net and mvc applications to azure
Deploying asp.net and mvc applications to azure
Glyn Darkin
 
Tokyo Azure Meetup #14 - Azure Functions Proxies
Tokyo Azure Meetup #14  -  Azure Functions ProxiesTokyo Azure Meetup #14  -  Azure Functions Proxies
Tokyo Azure Meetup #14 - Azure Functions Proxies
Tokyo Azure Meetup
 
Mean machine
Mean machineMean machine
Mean machine
Nicu Dine
 
Building single page apps with Durandal js
Building single page apps with Durandal jsBuilding single page apps with Durandal js
Building single page apps with Durandal js
Alex Andreu Sánchez
 
What's New for the Windows Azure Developer? Lots!!
What's New for the Windows Azure Developer?  Lots!!What's New for the Windows Azure Developer?  Lots!!
What's New for the Windows Azure Developer? Lots!!
Michael Collier
 
The Greatest Introduction to SharePoint Framework (SPFx) on earth!
The Greatest Introduction to SharePoint Framework (SPFx) on earth!The Greatest Introduction to SharePoint Framework (SPFx) on earth!
The Greatest Introduction to SharePoint Framework (SPFx) on earth!
Małgorzata Borzęcka
 
Deploying your static web app to the Cloud
Deploying your static web app to the CloudDeploying your static web app to the Cloud
Deploying your static web app to the Cloud
Christoffer Noring
 
Deep dive into share point framework webparts
Deep dive into share point framework webpartsDeep dive into share point framework webparts
Deep dive into share point framework webparts
Prabhu Nehru
 
More Cache for Less Cash (DevLink 2014)
More Cache for Less Cash (DevLink 2014)More Cache for Less Cash (DevLink 2014)
More Cache for Less Cash (DevLink 2014)
Michael Collier
 
Spring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloudSpring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloud
Orkhan Gasimov
 
Introduction to SharePoint Framework
Introduction to SharePoint FrameworkIntroduction to SharePoint Framework
Introduction to SharePoint Framework
Małgorzata Borzęcka
 
ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015ASP.NET MVC 5 - EF 6 - VS2015
ASP.NET MVC 5 - EF 6 - VS2015
Hossein Zahed
 
Microsoft Azure Ağ Servisleri
Microsoft Azure Ağ ServisleriMicrosoft Azure Ağ Servisleri
Microsoft Azure Ağ Servisleri
Önder Değer
 
AWS CloudFormation Intrinsic Functions and Mappings
AWS CloudFormation Intrinsic Functions and Mappings AWS CloudFormation Intrinsic Functions and Mappings
AWS CloudFormation Intrinsic Functions and Mappings
Adam Book
 
CDN implmentation consideration
CDN implmentation considerationCDN implmentation consideration
CDN implmentation consideration
Avi Shalisman
 
Ad

More from Waldek Mastykarz (17)

Building Office 365 solutions with React
Building Office 365 solutions with ReactBuilding Office 365 solutions with React
Building Office 365 solutions with React
Waldek Mastykarz
 
Building contextual experiences with the Office Graph
Building contextual experiences with the Office GraphBuilding contextual experiences with the Office Graph
Building contextual experiences with the Office Graph
Waldek Mastykarz
 
NextGen Portal for Your Organization
NextGen Portal for Your OrganizationNextGen Portal for Your Organization
NextGen Portal for Your Organization
Waldek Mastykarz
 
NextGen Portal for Your Organization
NextGen Portal for Your OrganizationNextGen Portal for Your Organization
NextGen Portal for Your Organization
Waldek Mastykarz
 
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Waldek Mastykarz
 
Building contextual experiences with the Office Graph (SPSMUC 15)
Building contextual experiences with the Office Graph (SPSMUC 15)Building contextual experiences with the Office Graph (SPSMUC 15)
Building contextual experiences with the Office Graph (SPSMUC 15)
Waldek Mastykarz
 
Building solutions with the Office Graph
Building solutions with the Office GraphBuilding solutions with the Office Graph
Building solutions with the Office Graph
Waldek Mastykarz
 
Optimizing SharePoint 2013 public-facing websites for Internet search engines
Optimizing SharePoint 2013 public-facing websites for Internet search enginesOptimizing SharePoint 2013 public-facing websites for Internet search engines
Optimizing SharePoint 2013 public-facing websites for Internet search engines
Waldek Mastykarz
 
Building rich search experiences Apps for SharePoint
Building rich search experiences Apps for SharePointBuilding rich search experiences Apps for SharePoint
Building rich search experiences Apps for SharePoint
Waldek Mastykarz
 
Building solutions with Office Graph
Building solutions with Office GraphBuilding solutions with Office Graph
Building solutions with Office Graph
Waldek Mastykarz
 
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Building solutions with Office Graph - SharePoint Connect 2014 AmsterdamBuilding solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Waldek Mastykarz
 
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
Waldek Mastykarz
 
SPSNL13 - Building intelligent websites with SharePoint 2013
SPSNL13 - Building intelligent websites with SharePoint 2013SPSNL13 - Building intelligent websites with SharePoint 2013
SPSNL13 - Building intelligent websites with SharePoint 2013
Waldek Mastykarz
 
P&M307 Building intelligent websites with SharePoint 2013
P&M307 Building intelligent websites with SharePoint 2013P&M307 Building intelligent websites with SharePoint 2013
P&M307 Building intelligent websites with SharePoint 2013
Waldek Mastykarz
 
P&M302 Real-life building public-facing websites with SharePoint 2013
P&M302 Real-life building public-facing websites with SharePoint 2013P&M302 Real-life building public-facing websites with SharePoint 2013
P&M302 Real-life building public-facing websites with SharePoint 2013
Waldek Mastykarz
 
BIWUG - What’s new in SharePoint 2013 for public-facing websites
BIWUG - What’s new in SharePoint 2013 for public-facing websitesBIWUG - What’s new in SharePoint 2013 for public-facing websites
BIWUG - What’s new in SharePoint 2013 for public-facing websites
Waldek Mastykarz
 
SharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer StorySharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer Story
Waldek Mastykarz
 
Building Office 365 solutions with React
Building Office 365 solutions with ReactBuilding Office 365 solutions with React
Building Office 365 solutions with React
Waldek Mastykarz
 
Building contextual experiences with the Office Graph
Building contextual experiences with the Office GraphBuilding contextual experiences with the Office Graph
Building contextual experiences with the Office Graph
Waldek Mastykarz
 
NextGen Portal for Your Organization
NextGen Portal for Your OrganizationNextGen Portal for Your Organization
NextGen Portal for Your Organization
Waldek Mastykarz
 
NextGen Portal for Your Organization
NextGen Portal for Your OrganizationNextGen Portal for Your Organization
NextGen Portal for Your Organization
Waldek Mastykarz
 
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Building solutions with the Office Graph (Unity Connect Amsterdam 2015)
Waldek Mastykarz
 
Building contextual experiences with the Office Graph (SPSMUC 15)
Building contextual experiences with the Office Graph (SPSMUC 15)Building contextual experiences with the Office Graph (SPSMUC 15)
Building contextual experiences with the Office Graph (SPSMUC 15)
Waldek Mastykarz
 
Building solutions with the Office Graph
Building solutions with the Office GraphBuilding solutions with the Office Graph
Building solutions with the Office Graph
Waldek Mastykarz
 
Optimizing SharePoint 2013 public-facing websites for Internet search engines
Optimizing SharePoint 2013 public-facing websites for Internet search enginesOptimizing SharePoint 2013 public-facing websites for Internet search engines
Optimizing SharePoint 2013 public-facing websites for Internet search engines
Waldek Mastykarz
 
Building rich search experiences Apps for SharePoint
Building rich search experiences Apps for SharePointBuilding rich search experiences Apps for SharePoint
Building rich search experiences Apps for SharePoint
Waldek Mastykarz
 
Building solutions with Office Graph
Building solutions with Office GraphBuilding solutions with Office Graph
Building solutions with Office Graph
Waldek Mastykarz
 
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Building solutions with Office Graph - SharePoint Connect 2014 AmsterdamBuilding solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Building solutions with Office Graph - SharePoint Connect 2014 Amsterdam
Waldek Mastykarz
 
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...
Waldek Mastykarz
 
SPSNL13 - Building intelligent websites with SharePoint 2013
SPSNL13 - Building intelligent websites with SharePoint 2013SPSNL13 - Building intelligent websites with SharePoint 2013
SPSNL13 - Building intelligent websites with SharePoint 2013
Waldek Mastykarz
 
P&M307 Building intelligent websites with SharePoint 2013
P&M307 Building intelligent websites with SharePoint 2013P&M307 Building intelligent websites with SharePoint 2013
P&M307 Building intelligent websites with SharePoint 2013
Waldek Mastykarz
 
P&M302 Real-life building public-facing websites with SharePoint 2013
P&M302 Real-life building public-facing websites with SharePoint 2013P&M302 Real-life building public-facing websites with SharePoint 2013
P&M302 Real-life building public-facing websites with SharePoint 2013
Waldek Mastykarz
 
BIWUG - What’s new in SharePoint 2013 for public-facing websites
BIWUG - What’s new in SharePoint 2013 for public-facing websitesBIWUG - What’s new in SharePoint 2013 for public-facing websites
BIWUG - What’s new in SharePoint 2013 for public-facing websites
Waldek Mastykarz
 
SharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer StorySharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer Story
Waldek Mastykarz
 

Recently uploaded (20)

Build Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For DevsBuild Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For Devs
Brian McKeiver
 
Automation Dreamin': Capture User Feedback From Anywhere
Automation Dreamin': Capture User Feedback From AnywhereAutomation Dreamin': Capture User Feedback From Anywhere
Automation Dreamin': Capture User Feedback From Anywhere
Lynda Kane
 
Automation Hour 1/28/2022: Capture User Feedback from Anywhere
Automation Hour 1/28/2022: Capture User Feedback from AnywhereAutomation Hour 1/28/2022: Capture User Feedback from Anywhere
Automation Hour 1/28/2022: Capture User Feedback from Anywhere
Lynda Kane
 
"PHP and MySQL CRUD Operations for Student Management System"
"PHP and MySQL CRUD Operations for Student Management System""PHP and MySQL CRUD Operations for Student Management System"
"PHP and MySQL CRUD Operations for Student Management System"
Jainul Musani
 
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsAI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global Trends
InData Labs
 
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath MaestroDev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
UiPathCommunity
 
Leading AI Innovation As A Product Manager - Michael Jidael
Leading AI Innovation As A Product Manager - Michael JidaelLeading AI Innovation As A Product Manager - Michael Jidael
Leading AI Innovation As A Product Manager - Michael Jidael
Michael Jidael
 
What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...
Vishnu Singh Chundawat
 
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5..."Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
Fwdays
 
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxDevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
Justin Reock
 
Mobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi ArabiaMobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi Arabia
Steve Jonas
 
Datastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptxDatastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptx
kaleeswaric3
 
2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx
Samuele Fogagnolo
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
"Rebranding for Growth", Anna Velykoivanenko
"Rebranding for Growth", Anna Velykoivanenko"Rebranding for Growth", Anna Velykoivanenko
"Rebranding for Growth", Anna Velykoivanenko
Fwdays
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
Rock, Paper, Scissors: An Apex Map Learning Journey
Rock, Paper, Scissors: An Apex Map Learning JourneyRock, Paper, Scissors: An Apex Map Learning Journey
Rock, Paper, Scissors: An Apex Map Learning Journey
Lynda Kane
 
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfThe Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
Abi john
 
Technology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data AnalyticsTechnology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data Analytics
InData Labs
 
ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes Partner Innovation Updates for May 2025ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes
 
Build Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For DevsBuild Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For Devs
Brian McKeiver
 
Automation Dreamin': Capture User Feedback From Anywhere
Automation Dreamin': Capture User Feedback From AnywhereAutomation Dreamin': Capture User Feedback From Anywhere
Automation Dreamin': Capture User Feedback From Anywhere
Lynda Kane
 
Automation Hour 1/28/2022: Capture User Feedback from Anywhere
Automation Hour 1/28/2022: Capture User Feedback from AnywhereAutomation Hour 1/28/2022: Capture User Feedback from Anywhere
Automation Hour 1/28/2022: Capture User Feedback from Anywhere
Lynda Kane
 
"PHP and MySQL CRUD Operations for Student Management System"
"PHP and MySQL CRUD Operations for Student Management System""PHP and MySQL CRUD Operations for Student Management System"
"PHP and MySQL CRUD Operations for Student Management System"
Jainul Musani
 
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsAI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global Trends
InData Labs
 
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath MaestroDev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
UiPathCommunity
 
Leading AI Innovation As A Product Manager - Michael Jidael
Leading AI Innovation As A Product Manager - Michael JidaelLeading AI Innovation As A Product Manager - Michael Jidael
Leading AI Innovation As A Product Manager - Michael Jidael
Michael Jidael
 
What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...What is Model Context Protocol(MCP) - The new technology for communication bw...
What is Model Context Protocol(MCP) - The new technology for communication bw...
Vishnu Singh Chundawat
 
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5..."Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
Fwdays
 
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxDevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptx
Justin Reock
 
Mobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi ArabiaMobile App Development Company in Saudi Arabia
Mobile App Development Company in Saudi Arabia
Steve Jonas
 
Datastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptxDatastucture-Unit 4-Linked List Presentation.pptx
Datastucture-Unit 4-Linked List Presentation.pptx
kaleeswaric3
 
2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx2025-05-Q4-2024-Investor-Presentation.pptx
2025-05-Q4-2024-Investor-Presentation.pptx
Samuele Fogagnolo
 
Linux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdfLinux Professional Institute LPIC-1 Exam.pdf
Linux Professional Institute LPIC-1 Exam.pdf
RHCSA Guru
 
"Rebranding for Growth", Anna Velykoivanenko
"Rebranding for Growth", Anna Velykoivanenko"Rebranding for Growth", Anna Velykoivanenko
"Rebranding for Growth", Anna Velykoivanenko
Fwdays
 
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
Alan Dix
 
Rock, Paper, Scissors: An Apex Map Learning Journey
Rock, Paper, Scissors: An Apex Map Learning JourneyRock, Paper, Scissors: An Apex Map Learning Journey
Rock, Paper, Scissors: An Apex Map Learning Journey
Lynda Kane
 
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfThe Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
Abi john
 
Technology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data AnalyticsTechnology Trends in 2025: AI and Big Data Analytics
Technology Trends in 2025: AI and Big Data Analytics
InData Labs
 
ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes Partner Innovation Updates for May 2025ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes Partner Innovation Updates for May 2025
ThousandEyes
 

Building solutions with the SharePoint Framework - deep-dive

  • 2. Thanks to our sponsors Platinum Gold Silver SharePint
  • 4. Don’t bundle frameworks. Load from URL instead config/config.json { externals: { "angular": { "path": "https://cdn.com/…/angular.min.js", "globalName": "angular" } } }
  • 5. Different way to reference the framework based on its format • Module format (AMD, UMD, etc.) • URL only • Non-module format • URL + globalName • optional globalDependencies
  • 7. Known where you’re running • Get from this.context.environment.type • Possible values: • EnvironmentType.Test – tests context • EnvironmentType.Local – SharePoint workbench • EnvironmentType.SharePoint – Modern SharePoint page • EnvironmentType.ClassicSharePoint – Classic SharePoint page
  • 8. Validate web part properties values • Synchronous • Valid value: return empty string • Invalid value: return error message • Asynchronous (using Promises) • Valid value: resolve promise with empty string • Invalid value: resolve promise with the error message • Do not reject the promise!
  • 9. Pre-configure web part for easy use • Configuration set provided through preconfiguredEntries • Different title, description and web part properties value
  • 10. Consider search • Use the searchablePropertyNames property to expose web part configuration to SharePoint search
  • 12. Web part configuration • Standard through web part property pane • Easy to implement • Familiar to users • Custom through the web part surface • More complex to implement • Gives developers more freedom
  • 14. Analyze SharePoint Framework projects with SPCAF • Catch errors and fix easily using the provided guidance • For developers • Code analysis • Best practices • For administrators • Solution inventory • Security assessment • Available soon (visit spcaf.com for more information)