{"id":8116,"date":"2021-10-21T12:50:15","date_gmt":"2021-10-21T19:50:15","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=8116"},"modified":"2021-11-17T12:12:29","modified_gmt":"2021-11-17T20:12:29","slug":"announcing-sharepoint-framework-1-13-extending-microsoft-viva-connections","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/announcing-sharepoint-framework-1-13-extending-microsoft-viva-connections\/","title":{"rendered":"Announcing SharePoint Framework 1.13 &#8211; Extending Microsoft Viva Connections"},"content":{"rendered":"<p>We are excited to announce general availability of the SharePoint Framework (SPFx) 1.13 with the general availability for building engaging experiences for Microsoft Viva Connections. We have also included a number of improvements and fixes for Microsoft Teams and SharePoint.<\/p>\n<p><strong>Important.<\/strong> This includes general availability of the Viva Connections platform capabilities with SharePoint Framework, but the actual Viva Connections experiences will be generally available in the next several weeks.<\/p>\n<p>Here are the\u00a0<strong>key capabilities<\/strong> included in the SharePoint Framework 1.13:<\/p>\n<ul>\n<li>General availability of <strong>Adaptive Card Extensions for extending Viva Connections Desktop and Mobile experiences<\/strong><\/li>\n<li>Support version 1.10 of Teams JS client SDK<\/li>\n<li>Support version 3.9 of TypeScript<\/li>\n<li>Support version 2.9 of Adaptive Card SDK<\/li>\n<li>Release of image rendering APIs<\/li>\n<li>Removal of local workbench<\/li>\n<li>Numerous additional fixes based on the reported <a href=\"https:\/\/github.com\/SharePoint\/sp-dev-docs\/issues?q=is:open+is:issue+label:area:spfx+label:status:fixed-next-drop+milestone:1.13\">GitHub issues<\/a><\/li>\n<\/ul>\n<p>Documentation assets to get started with SharePoint Framework 1.13 version and the related updates:<\/p>\n<ul>\n<li class=\"\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/release-1.13\">Release notes for 1.13<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/overview-viva-connections\">Overview of Viva Connections Extensibility<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/get-started\/build-first-sharepoint-adaptive-card-extension\">Build your first SharePoint Adaptive Card Extension<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/get-started\/advanced-card-view-functionality\">Advanced Card View Functionality<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/get-started\/advanced-quick-view-functionality\">Advanced Quick View Functionality<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/get-started\/adaptive-card-extensions-and-teams\">Adaptive Card Extensions and Teams Apps<\/a><\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/viva\/design\/designing-card\">Designing Viva Connections custom cards for your dashboard<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Extend Microsoft Viva Connections Learning Path<\/h2>\n<p>As part of this release, we are also excited to announce a new Learning Path called <a href=\"https:\/\/aka.ms\/m365\/dev\/learn\/connections\">Extend Microsoft Viva Connections<\/a> designed for learning the different extensibility opportunities in Viva Connections for partners and customers.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"padding-left: 40px;\"><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/extend-viva-connections.png\"><img decoding=\"async\" class=\"alignnone wp-image-8133\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/extend-viva-connections.png\" alt=\"Image extend viva connections\" width=\"810\" height=\"505\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/extend-viva-connections.png 925w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/extend-viva-connections-300x187.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/extend-viva-connections-768x479.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Overview videos on Viva Connections extensibility<\/h2>\n<p>We have two great assets in video format on getting started with building Viva Connections extensibility with SharePoint Framework.<\/p>\n<p><a href=\"https:\/\/twitter.com\/Ed_Averett\">Ed Averett<\/a> did a great overview on the Viva Connections extensibility options in recent <a href=\"https:\/\/aka.ms\/m365-dev-call\">Microsoft 365 platform call<\/a>. This video focuses on the introduction, overview and positioning.<\/p>\n<p><iframe title=\"Introduction to Microsoft Viva Connections extensibility\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/t_hLU25IvKU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/twitter.com\/mediocrebowler\">Patrick Rodgers<\/a> showed typical Patterns and Practices for the Viva Connections Adaptive Card development in a recent <a href=\"https:\/\/aka.ms\/spdev-spfx-call\">SharePoint Framework community call<\/a>.<\/p>\n<p><iframe title=\"Getting started on building Microsoft Viva Connection adaptive card components using SPFx\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/KQGsY5fvLaY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"future-plans-for-sharepoint-framework\" class=\"\">Future plans for SharePoint Framework<\/h2>\n<p>We will keep actively investing in SharePoint Framework with the updated quality assurance model with preview releases. You can expect the first preview version of the v1.14 to be publicly available within upcoming weeks.<\/p>\n<p>Most notable plans for upcoming features with SharePoint Framework include:<\/p>\n<ul>\n<li>Performance improvements across apps (dev and runtime)<\/li>\n<li>Updated default templates with modernized initial experiences to speed up the development (in 1.14)<\/li>\n<li>Evolve the <strong>Viva Connections<\/strong> scenarios and extensibility options based on customer and partner feedback<\/li>\n<li>Improved\u00a0<strong>Microsoft Teams<\/strong> desktop and mobile client experiences<\/li>\n<li>Improved <strong>Microsoft Teams Meeting apps support<\/strong> with SharePoint Framework<\/li>\n<li>Improvements on building building extensibility for the\u00a0<strong>SharePoint portals<\/strong> and lists using existing extensibility option<\/li>\n<li>Fully modernized SharePoint store and <strong>app catalog<\/strong> in SharePoint Online<\/li>\n<li>Publish and acquire SharePoint Framework solutions directly from the <strong>Microsoft Teams\u00a0store<\/strong><\/li>\n<\/ul>\n<p class=\"\">Notice that these plans are subject to change and we cannot provide exact timelines for mentioned features at the moment of time.<\/p>\n<p>&nbsp;<\/p>\n<h2>What is SharePoint Framework?<\/h2>\n<p>SharePoint Framework is one of the most widely used frameworks for extending Microsoft 365 experiences in Microsoft Viva, Microsoft Teams and SharePoint. There are <strong>tens of millions of end users using custom components build with SPFx each month<\/strong>. Usage is growing across all the areas of Microsoft Viva, Microsoft Teams and SharePoint. It\u2019s the <strong>easiest way to build extensibility for <span class=\"brand\">Microsoft 365<\/span><\/strong>\u00a0and it\u2019s taken advantage by thousands of partners and customers on building custom experiences for end users.<\/p>\n<p class=\"\">Key capabilities of SharePoint Framework for <span class=\"brand\">Microsoft 365<\/span> include:<\/p>\n<ul>\n<li><strong>Automatic Single Sign On<\/strong>\u00a0\u2013 SharePoint Framework components have automatic and seamless SSO included for all platforms they are hosted. No specific consents needed from Microsoft 365 end users.<\/li>\n<li><strong>Automatic hosting<\/strong> \u2013 SharePoint Framework components are automatically hosted in Microsoft 365 without additional maintenance or operational costs.<\/li>\n<li><strong>Consistent developer experience<\/strong>\u00a0\u2013 Use the same code and development patterns for Microsoft Viva, Microsoft Teams and in SharePoint.<\/li>\n<li class=\"\"><strong>Industry standard tooling<\/strong> \u2013 SharePoint Framework is using standard web stack tooling with node, npm, TypeScript and any JavaScript framework of your preference. Just standard web skills needed. Anyone can do this.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/sharepoint-framework-blog.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-7768\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/sharepoint-framework-blog.png\" alt=\"Image sharepoint framework blog\" width=\"1024\" height=\"576\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/sharepoint-framework-blog.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/sharepoint-framework-blog-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/sharepoint-framework-blog-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>SharePoint Framework provides multiple shapes and component types across Microsoft Viva, Microsoft Teams and SharePoint.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/spfx-experiences-in-microsoft-365-1024.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-8123\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/spfx-experiences-in-microsoft-365-1024.png\" alt=\"Image spfx experiences in microsoft 365 1024\" width=\"1024\" height=\"577\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/spfx-experiences-in-microsoft-365-1024.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/spfx-experiences-in-microsoft-365-1024-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/spfx-experiences-in-microsoft-365-1024-768x433.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"feedback-support-and-issues\" class=\"\">Feedback, support and issues<\/h2>\n<p><strong>We are building SharePoint Framework for you<\/strong>, so please keep on providing us with feedback and input on the needed capabilities.<\/p>\n<ul>\n<li>Please report any issues on SharePoint Framework using following GitHub issues list \u2013 <a href=\"https:\/\/aka.ms\/spfx-issues\">https:\/\/aka.ms\/spfx-issues<\/a>\n<ul>\n<li>We have engineering people monitoring any incoming issues<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=t_hLU25IvKU\">Introduction to Microsoft Viva Connections extensibility<\/a> &#8211; <a href=\"https:\/\/twitter.com\/Ed_Averett\">Ed Averett<\/a> (Microsoft)<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=KQGsY5fvLaY\">Getting started on building Microsoft Viva Connection adaptive card components using SPFx<\/a> &#8211; <a href=\"https:\/\/twitter.com\/mediocrebowler\">Patrick Rodgers<\/a> (Microsoft)<\/li>\n<li><a href=\"https:\/\/techcommunity.microsoft.com\/t5\/microsoft-viva-blog\/how-to-implement-microsoft-viva-connections-with-microsoft\/ba-p\/2337065\" target=\"_blank\" rel=\"noopener\">How to implement Microsoft Viva Connections with Microsoft Mechanics<\/a>\u00a0\u2013\u00a0<a href=\"https:\/\/twitter.com\/AdamHarmetz\" target=\"_blank\" rel=\"noopener\">Adam Harmetz<\/a>\u00a0(Microsoft)<\/li>\n<li><a href=\"https:\/\/mybuild.microsoft.com\/sessions\/83a31949-e368-432b-8582-5883e9995046\" target=\"_blank\" rel=\"noopener\">Build solutions that span across Microsoft Teams, Viva Connections and SharePoint<\/a>\u00a0\u2013 Build 2021 session \u2013\u00a0<a href=\"https:\/\/twitter.com\/vesajuvonen\" target=\"_blank\" rel=\"noopener\">Vesa Juvonen<\/a>\u00a0(Microsoft)<\/li>\n<li><a href=\"http:\/\/aka.ms\/spfx\" target=\"_blank\" rel=\"noopener\">SharePoint Framework documentation<\/a> \u2013 Includes guidance for Microsoft Viva, Microsoft Teams and SharePoint extensibility<\/li>\n<li><a href=\"https:\/\/pnp.github.io\/cli-microsoft365\/cmd\/spfx\/project\/project-upgrade\/\" target=\"_blank\" rel=\"noopener\">CLI for Microsoft 365<\/a>\u00a0\u2013 SharePoint Framework Upgrade tooling from previous versions to latest<\/li>\n<li><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/set-up-your-developer-tenant\" target=\"_blank\" rel=\"noopener\">SharePoint Framework tutorial for getting started<\/a><\/li>\n<li class=\"\"><a href=\"https:\/\/aka.ms\/spfx-webparts\" target=\"_blank\" rel=\"noopener\">SharePoint Framework web part samples<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/pnp\/spfx-reference-scenarios\">SharePoint Framework reference solutions for specific scenarios<\/a><\/li>\n<li><a href=\"https:\/\/aka.ms\/spfx-aces\">Adaptive Card Extension (ACE) samples<\/a><\/li>\n<\/ul>\n<p>If you are looking into building experiences for\u00a0<span class=\"brand\">Microsoft 365<\/span>, we strongly recommend on joining our community calls and other\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0community activities. More details from\u00a0<a href=\"https:\/\/aka.ms\/m365pnp\" target=\"_blank\" rel=\"noopener\">https:\/\/aka.ms\/m365pnp<\/a>.<\/p>\n<p class=\"\">Happy coding! Sharing is caring!\u00a0<a class=\"lightbox-link\" href=\"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/1f9e1.svg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Lightbox image, click or press enter to enlarge\" data-featherlight=\"image\"><img decoding=\"async\" class=\"emoji\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/1f9e1.svg\" alt=\"\ud83e\udde1\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce general availability of the SharePoint Framework (SPFx) 1.13 with the ability to build engaging experiences for Microsoft Viva Connections.<\/p>\n","protected":false},"author":69078,"featured_media":8121,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128,142,9],"tags":[19],"class_list":["post-8116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","category-microsoft-viva","category-sharepoint-framework","tag-sharepoint-framework"],"acf":[],"blog_post_summary":"<p>We are excited to announce general availability of the SharePoint Framework (SPFx) 1.13 with the ability to build engaging experiences for Microsoft Viva Connections.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69078"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=8116"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8116\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/8121"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=8116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=8116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=8116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}