FEBRUARY 25, 2017

Confidential Jennifer Kenderdine

Strategic Leadership, SharePoint Architecture Services

Continuing with the SharePoint Framework

Confidential ● trellist.com ● 2/25/2017 ● 3

Jennifer Kenderdine

• A SharePoint professional since Jan 2007, working with MOSS 2007, SharePoint 2010, SharePoint 2013 and Office365.

• Integration of business processes through Forms and Workflow.

• SharePoint Development and design implementation to enhance UI and UX

• Twitter: @j_kdine

• Email: jkenderdine@trellist.com

Confidential ● trellist.com ● 2/25/2017 ● 4

Agenda

• Review of the SharePoint Framework

• Description

• Key features

• Roadmap

• Setting up your Developer environment

• Office 365 requirements

• Frameworks & Tools

• Development Workflow

Confidential ● trellist.com ● 2/25/2017 ● 5

SharePoint Framework (SPFx)

• SharePoint Framework Overview

• Page and Web Part model

• Does not deprecate any of the existing SharePoint development models

• Another asset in the developer toolbox

• Uses modern web development stack & is framework agnostic

• Cross-platform (Mac and PC)

• End users can use approved SPFx client side solutions

• Solutions deployed in both classic web part and publishing pages and modern pages

Confidential ● trellist.com ● 2/25/2017 ● 6

Roadmap

• TODAY

• Still not supported in production.

• Roadmap

• Release Candidate (RC0)

• Modern or classic UI supported

• Addition of Webhooks

• Additions to the toolkit

• FUTURE• On-premises support in 2017

• Feature pack for SharePoint Server 2016 only

• Web parts ++• More complex scenarios and

interactions• Add-ins

• No iFrame / Responsive• Code Parts

• Replacing custom actions and JSLinks• Application Lifecycle Management

streamlining• Full page apps• Developer Experience enhancements

• Workbench 2.0

Confidential ● trellist.com ● 2/25/2017 ● 7

Setting up the Tenant

• Use existing O365 tenant or sign up for Office Developer Program

• Enable First Release options

• Create App Catalog Site

• Create a Developer Site Collection

• Workbench now integrated

• https://your-sharepoint-site/_layouts/15/workbench.aspx

• Set up the environment

• Install developer tools and code editor

• Install windows-build-tools

• Enterprise Guidance

• Team-based Development

Confidential ● trellist.com ● 2/25/2017 ● 8

Frameworks and Tools

• Code Editor • Any editor that supports client side development• Visual Studio Code, Atom, Webstorm, etc.

• Windows-build-tools (PC), Build Essential (Ubuntu), Compiler Tools (Fedora), etc.

• NPM for package management

• Yeoman generator

• Gulp task runner

• Webpack

• Node.js

• TypeScript• Primary language for building SharePoint client-side web

parts.

• Optional Tools• Cmdr for Windows

Confidential ● trellist.com ● 2/25/2017 ● 9

SharePoint APIs

• REST

• Basic create, read, update, and delete (CRUD) operations

• Exposes the SharePoint entities & operations available in the other SharePoint client APIs

• SharePoint WebHooks

• Enable subscription to receive notifications

• Push model from SharePoint

• Current release: for lists/library only

• Asynchronous model

• Universal model used by other cloud services

Confidential ● trellist.com

DEMOS

Confidential ● trellist.com ● 2/25/2017 ● 11

REFERENCES

• Office DEV Center

• Github Wiki

Confidential ● trellist.com ● 2/25/2017 ● 12

Thank You

Jennifer Kenderdine

jkenderdine@trellist.com

Trellist Insights

Confidential ● trellist.com ● 2/25/2017 ● 13