Streamline SPFx development in Microsoft Teams with easy debugging and reusable controls
In this 15-minute Developer-focused demo, Marcin Wojciechowski shares his Utilities script - functions that streamline development by enabling developers to develop and debug SPFx web parts directly inside Teams. This is brilliantly accomplished by appending debug parameters to the URL of the iFrame inside the embedded-page-container. This brings a familiar debug experience to the Teams web app context. The js is executed in the console of the browser. Using SPFx for Teams tabs means no back-end hosting or Azure set-up. This PnP Community demo is taken from the General Microsoft 365 Development Special Interest Group (SIG) - Bi-weekly sync call recorded on February 18, 2021.
Demo Presenter: Marcin Wojciechowski (Valo Intranet) | @mgwojciech
Supporting materials:
• Repo – pnp-teams-demo | https://github.com/mgwojciech/unit-te...
• Repository - Reusable React controls for your SharePoint Framework solutions | https://pnp.github.io/sp-dev-fx-contr...
• Component Library - @fluentui/react-northstar | https://fluentsite.z22.web.core.windo...
• Repo – SharePoint Browser Utilities | https://github.com/mgwojciech/sp-brow...
• Blog - Serve and debug Teams SPFx app from localhost | https://mgwdevcom.wordpress.com/2020/...
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
Смотрите видео Streamline SPFx development in Microsoft Teams with easy debugging and reusable controls онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Microsoft Community Learning 04 Март 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 683 раз и оно понравилось 10 людям.