1. 11/15/ :59 AM
THR2294
Building great looking experiences with Microsoft Graph and Office UI Fabric
Ben Summers
Office Marketing
David Lavenda
Harmon.ie
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

2. Welcome to Ignite. 11/15/2018 11:59 AM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

3. Office 365 developer platform
11/15/ :59 AM
Office 365 developer platform
Extensions
Canvases
Standalone web, device, and service apps
Documents 
Pages 
Embedded canvases
Conversations 1
Groups
People
Conversations
Files
Insights
Microsoft Graph
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. Microsoft Graph Files Conversations Insights People Groups
Microsoft Build 2017
11/15/ :59 AM
Microsoft Graph
Files
Conversations
Insights
People
Groups
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. Aa Office UI Fabric Core React Animations Localization Branded Assets
11/15/ :59 AM
Office UI Fabric
Core
Animations
Localization
Branded
Assets
Color
Fonts &
typography Aa
Responsive
layout
Accessibility
Pickers
Inputs
Containers
Commanding &
Navigation
React
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. The sum of the parts… Your Office 365 Microsoft Graph Fabric UI
11/15/ :59 AM
The sum of the parts…
Your
Microsoft Graph
Office 365
Fabric UI
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. 11/15/ :59 AM
Try it for yourself
react-officeuifabric-sample
This sample demonstrates how to populate Office UI Fabric React components with data retrieved from Microsoft Graph.
JavaScript 2 3 Updated on Feb 9
nodejs-connect-sample
This sample shows how to connect a Node.js app to a Microsoft work or school (Azure Active Directory) or personal (Microsoft) account using the Microsoft Graph API and the Graph JavaScript SDK to send an . In addition, the sample uses the Office Fabric UI for styling and formatting the user experience.
JavaScript 11 4 Updated on Dec
angular-connect-sample
This sample shows how to connect an AngularJS app to a Microsoft work or school (Azure Active Directory) or personal (Microsoft) account using the Microsoft Graph API with the Microsoft Graph JavaScript SDK to send an . In addition, the sample uses the Office Fabric UI for styling and formatting the user experience.
JavaScript 7 4 Updated on Jun 26
javascript-officeuifabric-peoplepicker-sample
This sample demonstrates how to populate an Office UI Fabric JS PeoplePicker component with data retrieved from Microsoft Graph.
HTML 3 Updated on Jan 11
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Demo David Lavenda VP Marketing & Product Strategy Harmon.ie
11/15/ :59 AM
Demo
David Lavenda
VP Marketing & Product Strategy
Harmon.ie
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. 11/15/ :59 AM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. Please evaluate this session
Tech Ready 15
11/15/2018
Please evaluate this session
From your
Please expand notes window at bottom of slide and read. Then Delete this text box.
PC or tablet: visit MyIgnite
Phone: download and use the Microsoft Ignite mobile app
Your input is important!
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. 11/15/ :59 AM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.