This module will introduce you to working with the Microsoft Graph in creating a React single-page application to access data in Office 365.
In this lab you will create a React single-page application, configured with Azure Active Directory (Azure AD) for authentication & authorization, that accesses data in Office 365 using the Microsoft Graph.
The demos directory in this repository contains copies of the project that correspond to completing individual sections of the tutorial. If you just want to demo a particular section of the tutorial, you can start with the version from the previous section.
- 01-create-app: Completed Create a React single-page app
- 02-add-aad-auth: Completed Add Azure AD authentication
- 03-add-msgraph: Completed Get calendar data
If you just want the completed sample generated by following this lab, you can find it here.
This module has been recorded and is available in the Office Development YouTube channel: Build React SPAs with Microsoft Graph
| Roles | Author(s) |
|---|---|
| Code / Tutorial / Support | Jason Johnston (Microsoft) @jasonjoh |
| Slides | Jeremy Thake (Microsoft) @jthake-msft |
| QA | Andrew Connell (Microsoft MVP, Voitanos) @andrewconnell |
| QA | Julie Turner (Microsoft MVP, Sympraxis Consulting) @juliemturner |
| Version | Date | Comments |
|---|---|---|
| 1.6 | June 18, 2019 | Added link to screencast recording |
| 1.5 | May 24, 2019 | 2019Q4 content refresh |
| 1.4 | May 22, 2019 | Quickstart updates |
| 1.3 | May 16, 2019 | Updated AAD app registration steps |
| 1.2 | March 6, 2019 | 2019Q3 content refresh |
| 1.1 | February 8, 2019 | Added slides |
| 1.0 | 2018 | Published |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.