Techorama migrate to sharepoint framework
MIGRATE YOUR CUSTOM
COMPONENTS TO THE
SHAREPOINT
FRAMEWORK
Vincent Biret
@baywet
bit.ly/vince365
MVP Office Servers and Services
Azure and Office 365 developer @ 2ToLead
Targeted audience
Seasoned
SharePoint
developer
Project manager New to SharePoint Dev Decision Maker
Found some pirates in Antwerp!
Agenda
• Introduction
• Demo – the pirates treasures
management solution
• History
• The new stack
• Provisioning
• Missing bits
• Accessing data
• Line of business applications
• Batch jobs
• Conclusion
Ready?
The Pirates Treasures Solution
Demo
Where we come from
SharePoint Full Trust
• Code executing server side
• User or service Context
• Bad code would break/slow
down SharePoint
• Deploying meant downtime
• Very little unit tests
SharePoint Sanbox
• Still running on SharePoint server
• User Context only
• Bad code would not impact SharePoint too much
• No downtime during deployments
• Still no unit tests
• Limited access to OM
• Bad throttling could happen
• No more batch jobs
SharePoint add-ins (SharePoint Hosted)
• Running client-side
• User Context only
• Bad code doesn’t impact SharePoint
• But wait, wireframe!!
• No downtime during deployments
• Still no unit tests
• Incomplete REST API
• Still no more batch jobs
SharePoint Add-ins (Provider Hosted)
• Running Server Side (not SharePoint)
• User and App Context
• Bad code doesn’t impact SharePoint
• No downtime during deployment
• Unit tests got easier
• CSOM and REST API
• Batchjobs « capable »
SharePoint Add-ins/Sandbox
Workarounds
• Content Script Editor Webpart
• Display templates
• JSLink
• ScriptLink
• PowerShell
• …
Modern toolchain for SharePoint/Office 365 developers at last
The new stack
IIS Express
Project Templates
Server side tool comparison
Techorama migrate to sharepoint framework
Techorama migrate to sharepoint framework
Techorama migrate to sharepoint framework
Bill is awesome!
The webpart project
Demo
Missing bits
Extensibility
Webpart communication
Provisioning
No feature framework with SPFX
• Most SPFX samples include code provisioning
• SPFX roadmap doesn’t include provisioning
• Pattern and Practices has made awesome work
• PnP Provisioning far better than code
The provisioning template for Pirates Treasure App
Demo
Accessing data
Multiple API’s
• SharePoint REST API’s
• TypeScript libraries available, use those!
• Microsoft Graph
• Get access to much more data
• (no demo on that today, too much content)
• (Microsoft working on improving auth story)
Reacting on data events
• We used to have Event Receivers
• SP Provider Hosted Add-ins have RER’s (same thing over HTTP)
• SharePoint API /MS Graph provides webhooks support
Getting treasure Data
Demo
Line of business applications
Workflows
Azure Logic Apps
Entry forms
PowerApp Form
Demo
Flow workflow
Demo
Batch jobs
Azure functions
Azure function computing
Demo
Time to say goodbye
Conclusion
Modern tools reference
Purpose Workflows Forms LOB Batch Provisioning Branding Data Events …
Old tool SP Designer InfoPath Front
end
scripting
TimerJob Feature
Framework
Design
manager
SSOM/
JSOM
Event Receivers …
New
tool
Flow/
Logic Apps
PowerApps SPFX Azure
Function
PnP
Provisioning
SPFX in the
future *
CSOM/
PNP-Core/
REST/
Graph
RER’s
WebHooks
…
Conclusion
• We have a modern tooling
• The SharePoint Framework is one item of our pirate gear
• Add-ins are still relevant in some scenarios
• Leverage other tools to have a full spectrum
• SharePoint dev cost will decrease because bigger community
• SharePoint devs’ life just became better
• Happy coding 
Our new pirate ship
THANKS!/QUESTIONS?
Bit.ly/vince365 @baywet slideshare.net/VincentBIRET
Please fill evals!!

More Related Content

PPTX
SPS vancouver is it possible to do devops with SharePoint Framework
PPTX
SPS calgary 2017 introduction to azure functions microsoft flow
PPTX
#SPFestDc dev302 Is it possible to do #DevOps with the SharePoint Framework?
PDF
Deployment Automation in de praktijk
PPTX
#ESPC18 How to do #devops with the #SharePoint Framework and why it matters?
PPTX
My slides from SharePoint Saturday Oslo
PPTX
B6 - Using Office 365 groups in Power Bi - Marco Russo
PPTX
#SPSBrussels 2017 vincent biret #azure #functions microsoft #flow
SPS vancouver is it possible to do devops with SharePoint Framework
SPS calgary 2017 introduction to azure functions microsoft flow
#SPFestDc dev302 Is it possible to do #DevOps with the SharePoint Framework?
Deployment Automation in de praktijk
#ESPC18 How to do #devops with the #SharePoint Framework and why it matters?
My slides from SharePoint Saturday Oslo
B6 - Using Office 365 groups in Power Bi - Marco Russo
#SPSBrussels 2017 vincent biret #azure #functions microsoft #flow

What's hot (20)

PPTX
Using REST with VSTS and TFS
PPTX
European SharePoint Conference - TH3
PPTX
My session slides from unityConnect 2016 in Haarlem
PPTX
Building Extensions in VSTS and TFS
PPTX
Session Slides from DEVintersection Europe
PDF
Workshop automating with microsoft flow
PPTX
Serverless with Azure Functions
PPTX
SPSNL17 - Be more effective with the PnP Provisioning Engine - Erwin van Hunen
PPTX
Session Slides from DEVintersection Europe
PDF
Using Chat Automation - ChatOps
PDF
Microsoft Flow and PowerShell combined to automate everything
PDF
Using Microsoft Flow for IT Professionals
PPTX
How to automate the SharePoint Provisioning
PPTX
SharePoint best practices
PDF
Discover Microsoft's Cloud Automation Suite
PPTX
20140211 BTUG.be - Workflow Manager
PDF
O365Con19 - Things I've Learned While Building a Product on SharePoint Modern...
PPTX
Introduction to Azure Functions
PDF
Automate Anything with Microsoft Flow
PPTX
Introduction to Azure Functions - Tutorial
Using REST with VSTS and TFS
European SharePoint Conference - TH3
My session slides from unityConnect 2016 in Haarlem
Building Extensions in VSTS and TFS
Session Slides from DEVintersection Europe
Workshop automating with microsoft flow
Serverless with Azure Functions
SPSNL17 - Be more effective with the PnP Provisioning Engine - Erwin van Hunen
Session Slides from DEVintersection Europe
Using Chat Automation - ChatOps
Microsoft Flow and PowerShell combined to automate everything
Using Microsoft Flow for IT Professionals
How to automate the SharePoint Provisioning
SharePoint best practices
Discover Microsoft's Cloud Automation Suite
20140211 BTUG.be - Workflow Manager
O365Con19 - Things I've Learned While Building a Product on SharePoint Modern...
Introduction to Azure Functions
Automate Anything with Microsoft Flow
Introduction to Azure Functions - Tutorial
Ad

Similar to Techorama migrate to sharepoint framework (20)

PPTX
#SPSOttawa 2017 migrate to the #SharePoint Framework #spfx
PPTX
#SPSToronto 2018 migrate you custom development to the SharePoint Framework
PPTX
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
PPTX
Uncovering the Latest in SharePoint Development
PPTX
#ESPC18 how to migrate to the #SharePoint Framework?
PPTX
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
PPTX
SharePoint and Office 365 Development Workshop
PPTX
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
PPTX
ESPC Webinar - From SharePoint to Office 365 Development
PPTX
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
PPTX
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
PPTX
SPTechCon Austin 2019 - From SharePoint to Office 365 development
PPTX
[Pinto] Is my SharePoint Development team properly enlighted?
PPTX
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
PPTX
SharePoint 2013 APIs demystified
#SPSOttawa 2017 migrate to the #SharePoint Framework #spfx
#SPSToronto 2018 migrate you custom development to the SharePoint Framework
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
Uncovering the Latest in SharePoint Development
#ESPC18 how to migrate to the #SharePoint Framework?
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
SharePoint and Office 365 Development Workshop
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
ESPC Webinar - From SharePoint to Office 365 Development
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
SPTechCon Austin 2019 - From SharePoint to Office 365 development
[Pinto] Is my SharePoint Development team properly enlighted?
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
SharePoint 2013 APIs demystified
Ad

More from Vincent Biret (20)

PPTX
#MSGraph introduction at #M365SaturdayOttawa
PPTX
#MWCP19 atelier provisionnement #Office365 slides teams
PPTX
#MWCP19 atelier provisionnement #Office365 slides introduction
PPTX
December #PnP #SPFx call #CLI exteranlize demo
PPTX
#ESPC19 How to do #DevOps with #SPFx
PPTX
#SPSToronto Digital Workplace provisioning with #MicrosoftGraph and #Azure fu...
PPTX
#SPSToronto How to do #DevOps with #SPFx and why it matters
PPTX
MS365 dev bootcamp - day introduction slides
PPTX
MS365 Dev Bootcamp Montreal 2019 - Microsoft graph introduction
PPTX
#SPSOttawa introduction to the #microsoftGraph
PPTX
#MicrosoftGraph Community call - automating your digital workplace provisioni...
PPTX
#SPFestSEA Automate digital workplace provisioning with #MicrosoftGraph and #...
PPTX
#SPFestSea Introduction to #Azure #Functions v2
PPTX
#SPFestSEA Introduction to #MicrosoftGraph
PPTX
#SPSNYC 2019 Automating your digital workplace provisioning with #MicrosoftGr...
PPTX
Groupe usagers SharePoint Quebec Juin 2019 - Nouveautés de dev et évènements
PPTX
#MSBuild using #IoT to improve peoples's health and brain power
PPTX
#SPFestDC Automate your digital workplace provisioning with #Microsoft Graph ...
PPTX
#SPFestDC #Azure #Functions V2: What's new and getting started
PPTX
#SPFestDC Migrate your custom solutions to the modern stack
#MSGraph introduction at #M365SaturdayOttawa
#MWCP19 atelier provisionnement #Office365 slides teams
#MWCP19 atelier provisionnement #Office365 slides introduction
December #PnP #SPFx call #CLI exteranlize demo
#ESPC19 How to do #DevOps with #SPFx
#SPSToronto Digital Workplace provisioning with #MicrosoftGraph and #Azure fu...
#SPSToronto How to do #DevOps with #SPFx and why it matters
MS365 dev bootcamp - day introduction slides
MS365 Dev Bootcamp Montreal 2019 - Microsoft graph introduction
#SPSOttawa introduction to the #microsoftGraph
#MicrosoftGraph Community call - automating your digital workplace provisioni...
#SPFestSEA Automate digital workplace provisioning with #MicrosoftGraph and #...
#SPFestSea Introduction to #Azure #Functions v2
#SPFestSEA Introduction to #MicrosoftGraph
#SPSNYC 2019 Automating your digital workplace provisioning with #MicrosoftGr...
Groupe usagers SharePoint Quebec Juin 2019 - Nouveautés de dev et évènements
#MSBuild using #IoT to improve peoples's health and brain power
#SPFestDC Automate your digital workplace provisioning with #Microsoft Graph ...
#SPFestDC #Azure #Functions V2: What's new and getting started
#SPFestDC Migrate your custom solutions to the modern stack

Recently uploaded (20)

PDF
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
PDF
LMS bot: enhanced learning management systems for improved student learning e...
PDF
The AI Revolution in Customer Service - 2025
PDF
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
DOCX
Basics of Cloud Computing - Cloud Ecosystem
PDF
Auditboard EB SOX Playbook 2023 edition.
PPTX
Training Program for knowledge in solar cell and solar industry
PDF
EIS-Webinar-Regulated-Industries-2025-08.pdf
PPTX
Internet of Everything -Basic concepts details
PDF
Human Computer Interaction Miterm Lesson
PDF
Dell Pro Micro: Speed customer interactions, patient processing, and learning...
PPTX
Build automations faster and more reliably with UiPath ScreenPlay
PDF
Aug23rd - Mulesoft Community Workshop - Hyd, India.pdf
PDF
Data Virtualization in Action: Scaling APIs and Apps with FME
PDF
Build Real-Time ML Apps with Python, Feast & NoSQL
PDF
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
PDF
Introduction to MCP and A2A Protocols: Enabling Agent Communication
PDF
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
PDF
A hybrid framework for wild animal classification using fine-tuned DenseNet12...
PDF
zbrain.ai-Scope Key Metrics Configuration and Best Practices.pdf
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
LMS bot: enhanced learning management systems for improved student learning e...
The AI Revolution in Customer Service - 2025
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
Basics of Cloud Computing - Cloud Ecosystem
Auditboard EB SOX Playbook 2023 edition.
Training Program for knowledge in solar cell and solar industry
EIS-Webinar-Regulated-Industries-2025-08.pdf
Internet of Everything -Basic concepts details
Human Computer Interaction Miterm Lesson
Dell Pro Micro: Speed customer interactions, patient processing, and learning...
Build automations faster and more reliably with UiPath ScreenPlay
Aug23rd - Mulesoft Community Workshop - Hyd, India.pdf
Data Virtualization in Action: Scaling APIs and Apps with FME
Build Real-Time ML Apps with Python, Feast & NoSQL
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
Introduction to MCP and A2A Protocols: Enabling Agent Communication
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
A hybrid framework for wild animal classification using fine-tuned DenseNet12...
zbrain.ai-Scope Key Metrics Configuration and Best Practices.pdf

Techorama migrate to sharepoint framework

Editor's Notes

  • #8: Gestion des questions, interaction, ok avec ce programme?
  • #9: 1 powerapps desktop, treasures, fill in treasure 2 show the list item in sharepoint https://baywet.sharepoint.com/sites/sessionmigratespfx/Lists/Treasures 3 show the tweet on my profile 4 show the webpart on workbench https://baywet.sharepoint.com/sites/sessionmigratespfx/_layouts/15/workbench.aspx 5
  • #24: Show the solution in code, gulp serve https://baywet.sharepoint.com/sites/sessionmigratespfx/_layouts/15/workbench.aspx gulp --tasks
  • #25: https://channel9.msdn.com/events/Build/2017/B8032
  • #38: https://us.create.powerapps.com
  • #39: https://flow.microsoft.com
  • #42: http://www.sharepointnutsandbolts.com/2017/04/calling-azure-function-from-sharepoint.html