1. Modern UI Extensions with the SharePoint Framework
Command Sets, Application and Field Customizers

2. Host Microsoft MVP Co-Host, Microsoft Cloud Show Founder, Voitanos
Office Development
Office Servers & Services
Co-Host, Microsoft Cloud Show
@mscloudshow
Founder, Voitanos
@voitanos

3. Resources Download slides & demo code from this session:
FREE 10-day Course: Understanding SPFx Dev Toolchain
On-Demand Mastering the SharePoint Framework Course
FREE Starter bundle available now!
Fundamentals & Ultimate bundles available now
@andrewconnell |
@voitanos |
@mscloudshow |

4. SPFx Extensions Brings common pre-SPFx customizations to SPFx
Script link / delegate controls
Custom actions
JSLink
What you need today:
Yeoman SPFx generator >= v1.3.1
Schedule
May Announced at Build 2017
June 6, Released as dev preview
September 25, 2017 –GA SharePoint Online
On-premises ETA unknown (not Feature Pack 2)

5. Application Customizer
Similar to ScriptLink / delegate controls
Add script to a page
Add HTML to well known Placeholder on the page
Top
Bottom
Let your voice be heard – more placeholders!
Click-through & vote up the associated User Voice feature request

6. Field Customizer Similar to JSLink
Change rendering of a cell within a list
Only works in modern lists & libraries
For classic lists & libraries, use JSLink

7. Command Set Similar to custom actions Add buttons to lists & libraries
Toolbar
Item context menu
Specify conditions if command available when no / one / multiple items selected

8. Deployment
Create XML file
Package
Deploy
Install
Test

9. Testing / Debugging Only possible in live SharePoint Online
Not available:
SharePoint Online hosted SPFx workbench
Local SPFx workbench
Let your voice be heard!
Click-through & vote up the associated User Voice feature request

10. Resources Download slides & demo code from this session:
FREE 10-day Course: Understanding SPFx Dev Toolchain
On-Demand Mastering the SharePoint Framework Course
FREE Starter bundle available now!
Fundamentals & Ultimate bundles available now
@andrewconnell |
@voitanos |
@mscloudshow |

11. For Coming and Understanding
THANK YOU
For Coming and Understanding