1. Anupam Ranku
The SharePoint Framework | Enterprise Development
Global Office 365
Developer Bootcamp
Melbourne

2. Agenda
• SharePoint Framework – What’s next
• PnP – Learn, Reuse, Share
• Lab Context – List, Flow update
• Lab Details

3. Anupam Ranku
Consultant @Kloud Solutions
Office 365, Azure
Building SharePoint solution 10+ years
Designing, developing, integrating enterprise solutions 14+ years
Contact:
• http://ranku.site
•

5. SharePoint Framework Evolves Constantly

6. The Road Ahead – SPFx 1.7 Release
• Domain-Isolated Web Parts
• Dynamic Data GA
• List Subscriptions
• SPFx Components in Teams
• Supporting Provider Hosted
Solutions
• App Pages

7. Domain – Isolated Web Parts
• Code runs in an auto-generated
domain (iframe)
• Same context as the hosting page
• Framework handles AAD App
registration and permission scopes
• Communication with the rest of the
page components fully supported and
transparent for the developer

8. Dynamic Data
• Data Sources
• Expose a set of data that others can
consume
• Consumers
• Configure properties to use data from a
data source
• Built in data sources
• Web Parts, Extensions, Page context
• Page metadata, User context, Page query
string

9. List Subscriptions in the UI
• @microsoft/sp-list-subscription
• Provides the ability to react to changes
in a list or a library
• Leverages the subscription API exposed
though the Files Graph API
• Will be in Beta, as the underlying API is
still in beta
• Acts like a temporary webhook that
notifies the UX of changes
• Simple to use

10. Surfacing SPFx Components in Teams Tabs
• SPFx is THE WAY for System Integrators
and Enterprise Developers s to build
solutions for SP and Teams
• Continue to use the development model
you know (and love, right?)
• Choose if your solution is usable in
Microsoft Teams, SharePoint, or both
• Access is contextualized: in Teams you
have channels, on SharePoint lists, etc.
• Everything else remains the same:
• Authentication
• Hosting
• Configuration UX
• Configuration storage

11. Provider Hosted Solutions in SharePoint Pages
• Uses the same infrastructure /
technology as the Microsoft Teams Tab
• Even same package!
• Logical successor to the existing
SharePoint Add-In model
• Enables cross-Microsoft 365 solutions that
the ACS-based Add-In model doesn’t allow
• A common development methodology
for iFramed solutions
• Supports both js/client solutions as well
as traditional server-side solutions
(.aspx/C# or even Java)

12. App Pages
Inline SPFx Component
iFramed App
• Page with pre configured application
content
• Created by developers through provisioning
capabilities (feature.xml / REST APIs)
• No authoring or editing experience
• No access to authoring tools, sections,
toolbox etc.
• End users can provision them through a
“new” experience*
• Uses the same site “chrome” experience
Full canvas used to surface a specific
business requirement in SharePoint
• Web Parts, Components
• Provided Hosted Solutions
• Runs same extensions as other apps
(Pages / List & Libraries)

13. Views in YouTube
32,800
Unique tenants #
17,773
Unique visitors in GitHub
49,119 (avg 2 weeks)
Views in GitHub
245,757 (avg 2 weeks)
Watch time in YouTube
187,275 minutes
Views in docs.microsoft.com –
SharePoint Dev
879,711
Http Requests #
12,6 Billion
(4700 request/s)
Most used capability
- Provisioning Engine (2565 tenants)http://aka.ms/sppnp

14. More than 50000tenants have
used open-source PnP components and
controls in SharePoint Online.
More than 52000 unique
visitors during past 2 weeks in GitHub
repositories
More than 1.9 million
watch time minutes in SP Dev
YouTube channel in past 365 days
More than 450 samples to learn
and take advantage in your work
More than 840contributors in
GitHub organization.

15. Reusable SharePoint
Framework controls
• Open-source controls to kick-start
your SharePoint Framework
development
• Web part property controls
• Reusable React controls
• Configurable and reusable components and
solutions for SharePoint Framework

18. SharePoint lists

20. Use landmarks, street addresses,
and geocoordinates
Sort, filter, group by city, country,
zip code
Also works with meeting rooms
in your directory

21. Create a personal reminder for a date
column
Choose number of days in advance to
be reminded
Modify the flow to fit your needs
Available to all lists and libraries in
SharePoint

22. SharePoint Flow Integrations
No set up required
approval flow
Personal reminder
for a date column
Require approval for items
and docs in your flows
Require approval for
SharePoint pages
Require approval for hub
site associations
Create your own flow from
templates

23. Microsoft Forms

24. LABS
SharePoint Framework
• Lab 01: sp-starter-kit
• Lab 02: SPFx with Graph API
No Code/Low Code
• Lab 03: Form, Flow, List
• Lab 04: List Column Formatter
http://ranku.site/melbbootcamp2018/