Build SharePoint Framework apps with Microsoft Graph

This tutorial teaches you how to build a SharePoint client-side web part that uses the Microsoft Graph API to retrieve calendar information for a user.

Tip

If you prefer to just download the completed tutorial, you can download or clone the GitHub repository.

Prerequisites

Before you start this tutorial, you should have the following tools installed on your development machine.

You can find more details about requirements for SharePoint Framework development at Set up your SharePoint Framework development environment.

Important

SharePoint Framework requires Node.js version 10.x. Be sure to install the correct version.

You should also have a Microsoft work or school account, with access to a global administrator account in the same organization. If you don't have a Microsoft account, you can sign up for the Office 365 Developer Program to get a free Office 365 subscription.

Your Microsoft 365 tenant should be setup for SharePoint Framework development, with an app catalog and testing site created before you start this tutorial.

Note

This tutorial was written with the following versions of the above tools. The steps in this guide may work with other versions, but that has not been tested.

  • Node.js 10.22.0
  • Yeoman 3.1.1
  • Gulp 4.0.2
  • Yeoman SharePoint generator 1.11.0

Feedback

Please provide any feedback on this tutorial in the GitHub repository.