{"id":1983,"date":"2018-11-08T22:30:09","date_gmt":"2018-11-09T06:30:09","guid":{"rendered":"https:\/\/developer.microsoft.com\/en-us\/office\/blogs\/?p=1983"},"modified":"2021-10-18T11:20:18","modified_gmt":"2021-10-18T18:20:18","slug":"bring-your-apps-to-more-places-with-new-sharepoint-framework-and-microsoft-teams-releases","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/bring-your-apps-to-more-places-with-new-sharepoint-framework-and-microsoft-teams-releases\/","title":{"rendered":"Bring your apps to more places with new SharePoint Framework and Microsoft Teams releases"},"content":{"rendered":"

For a growing number of organizations, Microsoft Teams provides a hub for communications, tools, and work. \u00a0As developers integrate and deploy more tools to Microsoft Teams, it becomes easier for every user to stay in the flow of their work when tools are close at hand.\u00a0 Creating tailored Microsoft Teams experiences can be at the center\u00a0of unlocking creativity and transforming teamwork. With SharePoint Framework v1.7 and upcoming releases in Microsoft Teams, you can now share some of your best customizations across SharePoint and Microsoft Teams.<\/p>\n

Web Parts in Microsoft Teams<\/h3>\n

Web parts are one of the most popular ways to customize SharePoint \u2013 providing page authors with building blocks they can use to create customized pages. With the release of SharePoint Framework 1.7\u00a0\u00a0 and new integrations in preview, you can take the web parts built with SharePoint Framework and make them available as applications for Microsoft Teams. \u00a0One key advantage is that, with built-in CDN capabilities, lists, and page hosting, you can host many or all of your application components on SharePoint, which reduces operational costs and minimizes deployment complexity. With some adjustments to the package metadata, every web part you\u2019ve built can become a Tab in Microsoft Teams, made available via the Microsoft Teams Tenant App Catalog.\u00a0 Find out more information<\/a> around how you can adapt both new and existing web parts to support both Microsoft Teams and SharePoint.<\/p>\n

\"\"
An existing SharePoint web part, exposed as a Tab in Microsoft Teams<\/figcaption><\/figure><\/p>\n

Deliver complete applications with Application Pages<\/h3>\n

In many cases, users want to consolidate more experiences into SharePoint \u2013 including bringing in dashboards, tools, and full applications. To support a great user experience, developers need to work with a \u201cfull page\u201d experience, with enough room to expose the power of applications while retaining the context and familiarity of a SharePoint site.<\/p>\n

With SharePoint Framework version 1.7, developers can now choose to create these full application experiences with the SharePoint Framework in much the same way as you would create web parts or extensions.\u00a0 Developers can leverage all of SharePoint\u2019s capabilities, including lists, files, security, CDNs, and integration with Microsoft Graph and Azure Active-Directory secured APIs, to deliver full end-to-end applications for their organization.\u00a0 Find out more about how you can get started creating SharePoint Framework application experiences<\/a>.<\/p>\n

Host Microsoft Teams Tabs as Application Pages and Web Parts<\/h3>\n

In Microsoft Teams, Tabs bring the user experience of entire applications alongside the conversations that drive action in a team. \u00a0When opened, Tabs occupy a substantial amount of visual space inside of the Microsoft Teams user experience \u2013 Tabs provide a full application experience. In addition to creating new application page experiences in using SharePoint Framework. with SharePoint Framework v.1.7, you can also choose to take Teams Tab experiences and host them in SharePoint – both as full application pages, and as web parts.<\/p>\n

Whether you have built a Teams Tab or a SharePoint web part, you\u2019ll be able to reach much large audiences with these new developer preview capabilities in SharePoint Framework 1.7<\/a>.<\/p>\n

\"\"
Jira within Microsoft SharePoint<\/figcaption><\/figure><\/p>\n

New hosting options for web parts<\/h3>\n

New isolated web parts gives administrator the ability to manage, on a part by part basis, whether a web part should be able to use all of the context and permissions granted to the page, or whether a web part should be isolated — that is, have a different set of permissions and capabilities.<\/p>\n

For developers, no changes should generally be required to have your web part run in isolation. The web part will run within an IFRAME, which means that access to ambient page variables and context may be different. Note that web parts should generally not take advantage of ambient page variables and DOM structure outside of the structure of their own web part.<\/p>\n

Stream updates with list subscriptions<\/h3>\n

As people use applications, they expect full application experiences: for example, that the data that is displayed should be fresh and always up to date.\u00a0 This is especially true for SharePoint \u2013 because SharePoint is inherently collaborative, files and list items an app might be working may be frequently updated by others during the lifetime of an application.\u00a0 For developers, making sure that your web applications always reflect the latest status becomes a key part of delivering the full application experience.<\/p>\n

Enter List Subscriptions.\u00a0 List subscriptions leverage Socket.io, a framework for developers to access updated lists of changes within web browser script, without needing to inefficiently poll back-end web services. In SharePoint Framework version 1.7, take advantage of a new preview of list subscription support for list item and file changes to build truly reactive and collaborative applications.\u00a0 Find out more about developing with list subscriptions and Socket.io via this dev article<\/a>.<\/p>\n

All of these capabilities \u2013 Teams application sharing, isolated web parts, and stream.io support – are available now, in developer preview, with SharePoint Framework version 1.7<\/a>.\u00a0 The ability to use SharePoint Framework web parts in Microsoft Teams will be coming very soon.<\/p>\n

Now generally available: Web Part Connections, Dynamic Data and SharePoint 2019 support<\/h3>\n

In addition to new preview technologies, some preview technologies are also now generally available. Dynamic data provides a calling pattern and infrastructure for web parts and extensions to bind and share data, as well as consume live information from the page context.\u00a0 Web parts can, for example, become more performant and efficient by making a single call to retrieve data from a web service, and then share that data with any other similar web parts on the page. Dynamic data provides the foundation for web part connections, allowing page authors to connect data and user experience state across parts.<\/p>\n

\"\"
Connect web parts together \u2013 for example, this document viewer to a document list \u2013 with web part connections<\/figcaption><\/figure><\/p>\n

Finally \u2013 there is one more place where you can take your SharePoint Framework web parts and extensions.\u00a0 SharePoint Framework version 1.7 includes new developer tools, that are generally available, that let you target the SharePoint Server 2019 by creating projects designed for the level of compatibility that SharePoint Server 2019 supports.\u00a0 These web parts and extensions will also work seamlessly with SharePoint in Office 365.<\/p>\n

Across all of these updates in SharePoint Framework version 1.7<\/a>, there are new opportunities to target new applications and platforms, further broadening your investments in Microsoft 365 development.\u00a0 New capabilities like web part isolation and Socket.io support solve common administrative and development requests.\u00a0 Get started on building your next SharePoint Framework web parts today!<\/p>\n","protected":false},"excerpt":{"rendered":"

With SharePoint Framework v1.7 and upcoming releases in Microsoft Teams, you can now share some of your best customizations across SharePoint and Microsoft Teams.<\/p>\n","protected":false},"author":69078,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[],"class_list":["post-1983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams"],"acf":[],"blog_post_summary":"

With SharePoint Framework v1.7 and upcoming releases in Microsoft Teams, you can now share some of your best customizations across SharePoint and Microsoft Teams.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1983","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=1983"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/1983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=1983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=1983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=1983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}