May 20 2020

Creating Microsoft 365 apps with Microsoft Graph Toolkit

Wednesday, May 20, 3:30 PM – 3:45 PM EDT

Nikola Metulev, Microsoft (@metulev)

I had really wanted to see Nikola build a Toolkit app from end-to-end, but he only had 15 minutes for the entire demo and discussion.  Here are the links I think I need to be able to build the demo.

  1. https://docs.microsoft.com/en-us/graph/toolkit/get-started
  2. https://docs.microsoft.com/en-us/azure/active-directory/develop/quickstart-register-app
  3. https://docs.microsoft.com/en-us/graph/toolkit/providers/msal
  4. https://graph.microsoft.com
  5. https://mgt.dev
  6. https://aka.ms/mgt

This blog post also looks very helpful:

  1. https://cmatskas.com/accelerating-ms-graph-development-with-the-new-toolkit/

Here is the HTML page that should make it all work:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://unpkg.com/@microsoft/mgt/dist/bundle/mgt-loader.js"></script>
  </head>
  <body>
    <mgt-msal-provider client-id="insert GUID here"></mgt-msal-provider>
    <mgt-login></mgt-login>
    <mgt-person person-query="beth" person-card="hover"></mgt-person>
  </body>
</html>
  1. Version 1.3 of the Toolkit should be released in a few weeks.
  2. It was built with Web Components, which are supported by all major browsers and frameworks now.  They are natively rendered by the browser.
  3. The Toolkit eliminates all of the boilerplate code that was previously necessary.