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.
SharePoint Framework get started and best practices
SharePoint Framework get
started and best practices
GIUSEPPE MARCHI - @PEPPEDOTNET
GIULIANO DE LUCA - @GIULEON
• SharePoint Framework (SPFx) intro
• Data access
• Office UI Fabric integration
• Architecture and deployment process
• Roadmap: a look to the future
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)
Hi! My name is Giuliano!
Speaker in various SharePoint Saturday
Contributor for SPFx on Microsoft GitHub
WELCOME TO THE NEW WAY FOR CUSTOMIZING
SHAREPOINT ON-PREM AND ONLINE
What is it?
Already available on
SharePoint Online and
also for SharePoint
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
You have two options for data access:
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
DEMO npm install pnp-js-core --save
How to quickly read/update SharePoint list data
Office UI Fabric
YOUR WEBPART CAN LOOK GOOD EASLY!
Your webpart should look modern,
responsive and with a beautiful UI!
"KEEP CALM AND
USE OFFICE UI
- SATYA NADELLA
OHH NOOO ! I’M
NOT A DESIGNERWAIT A MINUTE
GIULIANO, I NEVER
What is Office UI Fabric?
Responsive and mobile-first
Office 365 User Experience
Support to React, Angular, JS and IOS
Many components available
And it’s all open source
Native iOS styling
written in Swift
project for Angular
built with React
DEMO npm install office-ui-fabric --save
How to give a style to your web part
WHERE MY FILES WILL BE EXECUTED?
HOW CAN I DISTRIBUTE MY SOLUTION?