Sharepoint Framework è il nuovo modo di sviluppare soluzioni assolutamente sicure per il tuo ambiente SharePoint, inoltre ci sono nuovi tool messi a disposizione dello sviluppatore che garantiscono la compatibilità in altri sistemi operativi durante la fase di sviluppo.Adesso è possibile cimentarsi con Typescript e altri client side framework come React, Angular e Knockout. In questa sessione mostrerò come muovere i primi passi per creare una SharePoint Framework solution e le relative best practices.
3. Agenda
• SharePoint Framework (SPFx) intro
• Toolchain
• WebParts
• Extensions
• Data access
• Office UI Fabric integration
• Architecture and deployment process
• Roadmap: a look to the future
WPC2017 3
4. Hi! My name is Peppe!
Co-founder of Dev4Side S.r.l.
8 years Microsoft SharePoint MVP
Speaker in Microsoft communities events in Italy
"SharePointer" from 2005
Father of www.peppedotnet.it
Office 365 advisor for www.office365italia.com
Author of the book "Pocket C#" from Apogeo
One of the top SharePoint and Office 365 influencers (for 2014 and 2015)
WPC2017 4
5. Hi! My name is Giuliano!
Software Engineer
Blogger: www.delucagiuliano.com
Speaker in various SharePoint Saturday
Twitter: @giuleon
GitHub: https://github.com/giuleon
Contributor for SPFx on Microsoft GitHub
WPC2017 5
9. Is all SPOnline development in Javascript?
WPC2017 9
No
In similar ways as with SharePoint Add-in
model, server side development is needed
for back end services
SharePoint Framework concentrates on user
interface, not on fundamentals around the
API usage
14. You have two options for data access:
WPC2017 14
Call external services
• You can build API for custom activities
• You need to take care about auth flow
• You can call Graph APIs*
Interact with SharePoint
• Read/write from SharePoint lists
• The classic behavior of a webpart
• Use SharePoint REST APIs
• Use PNP Core Js library
15. DEMO npm install pnp-js-core --save
How to quickly read/update SharePoint list data
WPC2017 15
17. Your webpart should look modern,
responsive and with a beautiful UI!
WPC2017 17
"KEEP CALM AND
USE OFFICE UI
FABRIC“
- SATYA NADELLA
OHH NOOO ! I’M
NOT A DESIGNERWAIT A MINUTE
GIULIANO, I NEVER
SAID THIS….
18. What is Office UI Fabric?
Front-End Framework
Responsive and mobile-first
Office 365 User Experience
Support to React, Angular, JS and IOS
Many components available
Open source
WPC2017 18
21. And it’s all open source
WPC2017 21
Fabric JS
Lightweight and
simple
components in
vanilla Javascript
Fabric IOS
Native iOS styling
and components
written in Swift
AngularJS
Community-driven
project for Angular
apps
React
Fabric’s robust,
up-to-date
components are
built with React
22. DEMO npm install office-ui-fabric --save
How to give a style to your web part
WPC2017 22
25. SharePoint Online is your CDN!
WPC2017 25
https://publiccdn.sharepointonline.com/<tenant host name>/<ID of the public CDN origin>/<sub-path under the origin>/
29. SPFx roadmap
Site Collection App Catalog to allow for scoped deployment
Assets included in deployment packages
Site Designs
More Microsoft Graph support
Groupify APIs & Hub site APIs
WPC2017 29