{"id":9589,"date":"2022-02-17T07:44:12","date_gmt":"2022-02-17T15:44:12","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=9589"},"modified":"2022-05-26T14:32:34","modified_gmt":"2022-05-26T21:32:34","slug":"announcing-sharepoint-framework-1-14-with-updates-for-viva-connections-microsoft-teams-and-sharepoint","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/announcing-sharepoint-framework-1-14-with-updates-for-viva-connections-microsoft-teams-and-sharepoint\/","title":{"rendered":"Announcing SharePoint Framework 1.14 \u2013 with updates for Viva Connections, Microsoft Teams and SharePoint"},"content":{"rendered":"<p class=\"\">We are excited to announce <strong>General Availability (GA) of the SharePoint Framework (SPFx) 1.14<\/strong> with new features and capabilities <strong>targeting Microsoft Viva, Microsoft Teams and SharePoint<\/strong>.<\/p>\n<p class=\"\">Thank you for your active participating again on our <a href=\"https:\/\/aka.ms\/m365pnp\">Microsoft 365 platform community channels<\/a> and helping with this release during the preview phase. <strong>Your assistance and feedback have been invaluable<\/strong> on defining the key features for this and future releases.<\/p>\n<h2>Key capabilities<\/h2>\n<p>Here are the\u00a0<strong>key capabilities<\/strong> included in the SharePoint Framework 1.14:<\/p>\n<ul>\n<li>Updated web part templates from scaffolding with improved support for Microsoft Teams and SharePoint Online<\/li>\n<li>Streamlined Yeoman generator experience for optimized project scaffolding for Microsoft Viva, Microsoft Teams and SharePoint<\/li>\n<li>Lifecycle events for easier handling of theme change events in Microsoft Teams and in SharePoint<\/li>\n<li>Numerous updates and improvements on the list view commands set extensions<\/li>\n<li>Initial versions for Media handling and Location based detection for the ACE cards &#8211; will be in preview status as part of the v1.14 release, expected to get released in the 1.15 in spring 2022<\/li>\n<li>Numerous additional fixes based on the reported\u00a0<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\" target=\"_blank\" rel=\"noopener\">GitHub issues<\/a><\/li>\n<\/ul>\n<p>Documentation assets to get started with SharePoint Framework 1.14 version and the related updates:<\/p>\n<ul>\n<li class=\"\"><a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/release-1.14\" target=\"_blank\" rel=\"noopener\">Release notes for 1.14<\/a> &#8211; with full list of detailed changes<\/li>\n<li>Updated <a href=\"https:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/web-parts\/get-started\/build-a-hello-world-web-part\">getting started tutorials<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/templates.png\"><img decoding=\"async\" class=\"size-full wp-image-9130 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/templates.png\" alt=\"example output templates for web part and teams app\" width=\"1000\" height=\"575\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/templates.png 1000w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/templates-300x173.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/templates-768x442.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<h2 id=\"installing-sharepoint-framework-1-13-preview\">Installing SharePoint Framework 1.14<i class=\"fabric-icon fabric-icon--Link\" aria-hidden=\"true\"><\/i><\/h2>\n<p>You can install the <strong>SharePoint Framework 1.14 <\/strong>by using following command \u2013 which will always install the latest released packages.<\/p>\n<pre tabindex=\"0\"><span class=\"pl-c1\">npm install @microsoft\/generator-sharepoint --global\r\n<\/span><\/pre>\n<h2 id=\"future-plans-for-sharepoint-framework\">Future plans<i class=\"fabric-icon fabric-icon--Link\" aria-hidden=\"true\"><\/i><\/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 <strong>preview version of the v1.15 to be publicly available within upcoming weeks<\/strong>. We are currently looking into publishing v1.15 within the first half of the 2022 calendar year.<\/p>\n<p>Most notable plans for upcoming features with SharePoint Framework include:<\/p>\n<ul>\n<li>Evolve the\u00a0<strong>Viva Connections<\/strong> Mobile and Desktop scenarios and extensibility options based on customer and partner feedback<\/li>\n<li>Improved\u00a0<strong>Microsoft Teams<\/strong>\u00a0desktop and mobile client experiences<\/li>\n<li>Improved <strong>integration of SPFx with the Microsoft Teams Toolkit VS Code extension<\/strong><\/li>\n<li>Support providing a custom new, edit and view experiences for Microsoft Lists and Libraries with SharePoint Framework<\/li>\n<li>Improved\u00a0<strong>Microsoft Teams Meeting apps support<\/strong>\u00a0with SharePoint Framework<\/li>\n<li>Fully modernized SharePoint store and\u00a0<strong>app catalog<\/strong> in SharePoint Online &#8211; Staring to rollout to first release tenants in March 2022<\/li>\n<li>Easier API permission management for the ISVs in app source and store<\/li>\n<li>Publish and acquire SharePoint Framework solutions directly from the\u00a0<strong>Microsoft Teams\u00a0store<\/strong><\/li>\n<li>Performance improvements across apps (dev and runtime)<\/li>\n<li>Provide more 1st party controls and components available for 3rd party developers<\/li>\n<\/ul>\n<p class=\"\">Notice that these plans are subject to change, and we cannot provide exact timelines for mentioned features.<\/p>\n<h2 id=\"whats-sharepoint-framework\">What\u2019s SharePoint Framework?<i class=\"fabric-icon fabric-icon--Link\" aria-hidden=\"true\"><\/i><\/h2>\n<p>SharePoint Framework is widely used extensibility model in <span class=\"brand\">Microsoft 365<\/span>\u00a0with\u00a0<strong>tens of millions of end users each month for the custom components<\/strong> built by developers worldwide. It is the <strong>easiest way to build extensibility for <span class=\"brand\">Microsoft 365<\/span><\/strong> and it\u2019s taken advantage by thousands of partners and customers on building custom experiences across Microsoft Viva, Microsoft Teams and SharePoint.<\/p>\n<p class=\"\">Key capabilities of the SharePoint Framework for\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0are following:<\/p>\n<ul>\n<li><b>Content Driven Applications <\/b>\u2013 SharePoint Framework can be used to build content driven applications on surfacing information easily from Microsoft 365 with Microsoft Graph or to integrate with externally hosted content.<\/li>\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>\u00a0\u2013 SharePoint Framework components are automatically hosted in SharePoint without additional maintenance or operational costs.<\/li>\n<li><strong>Industry standard tooling<\/strong>\u00a0\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, no special skills needed. Anyone can do this.<\/li>\n<\/ul>\n<p>SharePoint Framework has also made the permission and token management for accessing the data in\u00a0<span class=\"brand\">Microsoft 365<\/span>\u00a0easy. You will be using the awesome\u00a0<strong>Microsoft Graph APIs<\/strong>\u00a0for accessing business data and you can further simplify the development of SharePoint Framework components by taking advantage of the\u00a0<strong>Microsoft Graph Toolkit<\/strong>, which provides reusable controls with data connectivity to Microsoft Graph.<\/p>\n<p tabindex=\"0\"><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-9114\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1.png\" alt=\"Image spfx layouts features slide\" width=\"1100\" height=\"619\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1.png 1869w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1-300x169.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1-1024x576.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1-768x432.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/12\/spfx-layouts-features-slide-1-1536x865.png 1536w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/a><\/p>\n<h2 id=\"feedback-support-and-issues\">Feedback, support and issues<i class=\"fabric-icon fabric-icon--Link\" aria-hidden=\"true\"><\/i><\/h2>\n<p class=\"\"><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\u00a0<a href=\"https:\/\/aka.ms\/spfx-issues\" target=\"_blank\" rel=\"noopener\">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:\/\/docs.microsoft.com\/en-us\/sharepoint\/dev\/spfx\/set-up-your-developer-tenant\" target=\"_blank\" rel=\"noopener\">Tutorial for getting started<\/a> &#8211; all updated to the 1.14 version where relevant<\/li>\n<li><a href=\"http:\/\/aka.ms\/spfx\" target=\"_blank\" rel=\"noopener\">Documentation<\/a>\u00a0\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> \u2013 Includes tooling to update your SharePoint Framework solutions from previous version to the latest<\/li>\n<li><a href=\"https:\/\/aka.ms\/spfx-webparts\" target=\"_blank\" rel=\"noopener\">Web part samples<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/pnp\/spfx-reference-scenarios\" target=\"_blank\" rel=\"noopener\">Reference solutions for specific scenarios<\/a><\/li>\n<li><a href=\"https:\/\/aka.ms\/spfx-aces\" target=\"_blank\" rel=\"noopener\">Microsoft Viva Connections 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 lazyloaded\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/1f9e1.svg\" alt=\"\ud83e\udde1\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/1f9e1.svg\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the general availability of the SharePoint Framework (SPFx) 1.14 \u2013 with updates for Microsoft Viva, Microsoft Teams and SharePoint Online experiences.<\/p>\n","protected":false},"author":69080,"featured_media":9590,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8,128,142,9],"tags":[],"class_list":["post-9589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adaptive-cards","category-microsoft-teams","category-microsoft-viva","category-sharepoint-framework"],"acf":[],"blog_post_summary":"<p>We are excited to announce the general availability of the SharePoint Framework (SPFx) 1.14 \u2013 with updates for Microsoft Viva, Microsoft Teams and SharePoint Online experiences.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/9589","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\/69080"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=9589"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/9589\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/9590"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=9589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=9589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=9589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}