Slides supporting the Techorama 2017 session "Migrate to the SharePoint Framework"

2. MIGRATE YOUR CUSTOM
COMPONENTS TO THE
SHAREPOINT
FRAMEWORK

3. Vincent Biret
@baywet
bit.ly/vince365
MVP Office Servers and Services
Azure and Office 365 developer @ 2ToLead

4. Targeted audience
Seasoned
SharePoint
developer
Project manager New to SharePoint Dev Decision Maker

5. Found some pirates in Antwerp!

6. Agenda
• Introduction
• Demo – the pirates treasures
management solution
• History
• The new stack
• Provisioning
• Missing bits
• Accessing data
• Line of business applications
• Batch jobs
• Conclusion

7. Ready?

8. The Pirates Treasures Solution
Demo

9. Where we come from

10. 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

11. 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

12. 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

13. 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 »

14. SharePoint Add-ins/Sandbox

15. Workarounds
• Content Script Editor Webpart
• Display templates
• JSLink
• ScriptLink
• PowerShell
• …

16. Modern toolchain for SharePoint/Office 365 developers at last
The new stack

17. IIS Express
Project Templates
Server side tool comparison

21. Bill is awesome!

22. The webpart project
Demo

23. Missing bits

24. Extensibility

25. Webpart communication

26. Provisioning

27. 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

28. The provisioning template for Pirates Treasure App
Demo

29. Accessing data

30. 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)

31. 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

32. Getting treasure Data
Demo

33. Line of business applications

34. Workflows
Azure Logic Apps

35. Entry forms

36. PowerApp Form
Demo

37. Flow workflow
Demo

38. Batch jobs

39. Azure functions

40. Azure function computing
Demo

41. Time to say goodbye
Conclusion

42. 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
…

43. 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 

44. Our new pirate ship

45. THANKS!/QUESTIONS?
Bit.ly/vince365 @baywet slideshare.net/VincentBIRET
Please fill evals!!