Build Microsoft Teams tab app using Teams Toolkit for Visual Studio Code

In this 21-minute developer focused demo, Garry Trinder steps through creating a new Teams app that contains a tab. The Teams Toolkit enables you to build a half dozen different tab experiences with React based project templates. Covered in this session – tabs and Toolkit overviews, themes, router, app manifest, Toolkit installation, configuration, app and tab template selection. Walk through the scaffolded project code. This is the 3rd demo in this series.  

This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on March 7, 2023.

Demo Presenter
• Garry Trinder (Microsoft) | @garrytrind

Supporting materials
• Training - Build and deploy apps for Microsoft Teams using Teams Toolkit for Visual Studio Code | aka.ms/learn/teamstoolkit  
• Documentation – Teams Toolkit Overview | https://learn.microsoft.com/microsoft...
• Documentation – Create a new Teams project | https://learn.microsoft.com/microsoft...
• Documentation – Build tabs for Teams | https://learn.microsoft.com/microsoft...
• Documentation – Add single sign-on to Teams app | https://learn.microsoft.com/microsoft...

Previously delivered demos in this series
• Demo 2 – Teams Toolkit Learn Path - Build a bot using Teams Toolkit for Visual Studio Code - Garry Trinder (Microsoft) | @garrytrinder - (2/28)  
• Demo 1 – Teams Toolkit Learn Path – Get started building apps for Microsoft Teams using Teams Toolkit for Visual Studio Code - Garry Trinder (Microsoft) | @garrytrinder – (2/21)

• #science_technology
• #sharepoint
• #pnp
• #dev
• #community
• #open_source
• #microsoft
• #teams
• #power
• #platform
• #graph
• #toolkit
• #visual_studio_code