Discuss the value of SharePoint and Teams and how with SharePoint Framework we can customize and connect experiences

2. Target SharePoint and Teams with
SharePoint Framework
Development
Haaron Gonzalez
SharePoint Consulting Business Unit Manager
from Outreach Solutions as a Service LLC
www.osaasllc.com/sharepoint
@helpdsp
haaron.gonzalez@osaasllc.com

3. Started as a VB6 developer, build and sell local windows applications in my home town Mexicali
here in Baja, Baja is the California side of Mexico. Professionally worked as ASP, ASP.NET developer
and started contributing to communities, got the MVP Award since 2005, move to Mexico City work
with MS partners, got certified as MCP, MCT, MCAD, etc. in 2006 started with Microsoft Office
SharePoint Server 2007 with the help of Ted Pattison and since then evolving as Developer,
Administrator, Business Analyst, Team Lead, Solution Architect, Consultant and whatever is needed
for my beloved clients, I even do Microsoft Teams support now.
Along the way I have legally work as a temporary resident  in Seattle, Sacramento and San Diego.
Currently it doesn’t matter where I live, I travel to visit clients and work remotely. I do
SharePointand Teams support in Spanish and English languages and love this profession
Credits to Chris Sells for the image

4. And Today I’m in #SPSNE talking about
Microsoft Teams and SharePoint Framework
• See Microsoft Teams in action
• Discuss why is important and why is getting
momentum
• Talk about the SharePoint modern experiences
and what's powers them
• Talk about SharePoint Framework and why
Microsoft is betting his future on it
• Learn some technical details and do a
demonstration
Hopefully you get a glance on how to
realize the value of connected
experiences with by using SPFx

5. Chat-based workspace in Office 365
Extensible platform
Build apps with a rich set of capabilities to enable these higher-performing teams

6. Introducing the Microsoft Teams App Platform
Reach your users in their chats, channels, notifications, and personal workspace
Available now
Bots
Help users get
tasks done in
conversations
Connectors
Post rich updates
to channels
Tabs
Surface rich
content within
Teams
Office
Store
Drive engagement
by submitting
your app to the
Office Store
Actionable
Messages
Add rich
interaction to your
connector cards
Activity
Feed
Engage users
via feed
notifications
Compose
Extensions
Allow users to query
and share rich cards
in conversations
Available in Developer Preview

7. Building a Great Tabs experience
Tabs in Microsoft Teams
• Put information at the fingertips of users
• Leverage collaborative nature of the product
• Minimize context switching – easy to find what users needs
• Focus on content that makes sense in the solution
• Minimize extra chrome – focus on what you want the user to do
• Design for bite-size tasks – power users should use your full SaaS

9. Microsoft Teams
Demo

10. SharePoint Framework (SPFx)

11. Out of the box

12. Easily create powerful,
beautiful looking pages
Authoring
WYSIWYG authoring
Multi-column sections
Drag/ drop editing
RTE & Paste support
OOB web parts
Page Templates

13. Web Parts and
Toolbox

14. Admin Center

15. Modern Pages
Demo

16. Single platform for hosted experiences
Build a single solution to run in SharePoint and Teams, and god now's what else
Rich canvases
Provider-hosted apps
(Trello, SurveyMonkey, Evernote, etc.)
O365-hosted apps
(“SPFx solutions”)
Microsoft Graph
Common platform and runtime
Future

17. SPFx Targeting Teams Tabs
Leverage standard “features” of SPFx
• Yeoman-based toolchain
• Authentication and SP, Graph API access
• Config experience
• Solution hosting
No additional code changes needed to work in Teams
• Web part component can optionally use application context to serve up custom experience
Yeoman tool can now generate Teams app package
• Developers will be able to “target” the environments in the manifest.json
Single deployment through App Catalog

18. SharePoint Framework v1.9.1
• Web Parts in Microsoft Teams
• Host Microsoft Teams Tabs as Application Pages
and Web Parts
• Stream updates with list subscriptions
• Now generally available: Web Part Connections,
Dynamic Data and SharePoint 2019 support
https://developer.microsoft.com/en-us/sharepoint/blogs/bring-your-apps-to-more-places-with-new-sharepoint-
framework-and-microsoft-teams-releases/

19. SharePoint Framework in
Teams
Demo

22. Demo Script
• Install Node
• npm install -g @microsoft/generator-sharepoint@1.9.1
• npm install @microsoft/generator-sharepoint@1.9.1 --save-dev
• yo @microsoft/sharepoint
• gulp serve
• gulp bundle --ship
• gulp package-solution --ship

23. Summary
Microsoft is betting his future in SharePoint Framework
SharePoint Framework will continue targeting more platforms
Microsoft Teams is getting momentum
Prepare to take your investments on SPFx to Teams

24. Target SharePoint and Teams with
SharePoint Framework
Development
Haaron Gonzalez
SharePoint Consulting Business Unit Manager
from Outreach Solutions as a Service LLC
www.osaasllc.com/sharepoint
@helpdsp
haaron.gonzalez@osaasllc.com