In this 28-minute developer focused demo, Waldek Mastykarz and Vesa Juvonen open with an objective: Build a SPFx 1.13 web part to surface important announcements (from a list) on Viva connections Desktop. Test web part in localhost, bundle and deploy. Developers own the web part’s UI – the HTML and CSS, leaving content owners to add and configure web parts on a page. This demo focuses on Web Parts. Related demos focus on Adaptive Card Extensions and Application Customizers. This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on November 16, 2021.

SharePoint PnP Community - SPFx & JS SIG call on December 2. Demos on Introduction to HtwoO React library – Fluent UI experiences easily and Getting started with using PnP Search Web Parts v4. SharePoint Framework 1.13.1 released - npm install -g @microsoft/generator-sharepoint. PnP project releases in the last two weeks - SharePoint Framework (SPFx) v1.13.1 GA and CLI for Microsoft 365 v4.2.0 GA. Delivered as well - 2 extension, 2 web part and 2 ACE samples. Terrific twos! The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.

During this 13-minute Developer and Citizen Developer-focused demo, Microsoft presenters deliver an overview of Viva Connections Dashboard, elements of Dashboard, card layouts, information flow, rendering differences between web and mobile. Learn about Viva Connections’ 3 pillars – Dashboard, Applications and Feeds. Deep dive into Authoring a Quick View card in both Dashboard and in Adaptive Cards Designer – note (consistency) the same JSON, renders similar card, due to same Fluent UI/React behind scenes. Step through 6 different Quick View card layouts. This demo is taken from the Adaptive Cards community call – November 2021, recorded on November 11, 2021.

In this 19-minute developer focused demo, Loki Meyburg delivers a brilliant overview on a unified developer experience - power everything in Teams with a Bot back-end and an Adaptive Cards front-end with chat bots, messaging extensions, task modules and tabs! Step through setting up a Bot in Azure, building a tab with Adaptive Cards, adding a new card - creating card in Designer and copying JSON into VS Code, and finally rendering new card in Tab. This PnP Community demo is taken from the weekly Microsoft 365 Platform Community call recorded on November 16, 2021.