Building company Phone Directory solution with SPFx and Microsoft Graph

In this 7-minute Developer focused demo, Dipen Shah introduces us to a SPFx tabbed web part that uses React, Microsoft Graph and fluent UI controls to find and render user details in an internal telephone directory. Users can find people by first name, last name or by e-mail address. Users are found in AD via Microsoft Graph API. Fluent UI is used to display users. Also uses multilingual web part to display web part UI elements in German or English. This PnP Community demo is taken from the SharePoint Framework and JavaScript Special Interest Group (SIG) – Bi-weekly sync call recorded on August 27, 2020.

Demo Presenter: Dipen Shah (Stridely Solutions) | @Dips_365

Supporting materials:
• Repo - Telephone Directory using React, Ms Graph and SPFx | https://github.com/pnp/sp-dev-fx-webp...
• Website - TECH SHARE INSIDER | https://dips365.com/

Learn more:
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/m365pnp-videos