In this PnP Webcast, we concentrated on the reusable controls which are available for your SharePoint Framework solutions. These controls are designed to increase your productivity when you are building your solutions for SharePoint. They are open-source and community driven controls, which are also reviewed by SharePoint engineering. There are two types of controls available: Web part property pane controls and content controls. The web part property pane controls can be used with any JavaScript framework to provide consistent web part property pane editing experience. Content controls are currently only provided for React based implementation, but we are looking into extending this effort for other JavaScript frameworks, depending on the demand and interest of the community.
Presentation covers following discussion points:
- Quick intro to available controls
- Why would you use these re-usable controls
- Using controls in your solution
Webcast demo shows following things:
- Documentation resources for property controls and for React content controls
- Using property controls in your web parts – configuration options and changes in the behavior
- Demonstration of list picker control, toggle control with callout and term picker control
- Demonstration of list view control, placeholder control, and web part title control
Webcast presenters: Elio Struyf, Vesa Juvonen
The presentation used in this webcast is available from new PnP SlideShare locations at https://www.slideshare.net/SharePointPnP.
Video on YouTube.
Additional resources
See following resources on the covered topics.
- Reusable controls for your SharePoint Framework solutions – introduction blog post
- Documentation for SharePoint Framework Property Controls – How to get started and what’s available?
- Documentation for SharePoint Framework React Controls – How to get started and what’s available?
- Generic sample of the re-usable control usage in SharePoint Framework web parts
- GitHub repository for SharePoint Framework Property Controls – Includes sample web part using the controls
- GitHub repository for SharePoint Framework React Controls – Includes sample web part using the controls
- SharePoint Framework documentation
- SharePoint Framework Tutorials
- PnP Webcast – Site collection app catalog
- PnP Webcast – Including assets in SharePoint Framework solution packages
- PnP Webcast – Migrating to SharePoint Framework Extensions
- PnP Webcast – ALM APIs for SharePoint Framework solutions and SharePoint add-ins (apps)
- PnP Webcast – Defining an icon for client-side web part
- PnP Webcast – Working with Tenant Properties in SharePoint Online
- PnP Webcast – Deployment options for SharePoint Framework solutions
- PnP Webcast – SharePoint Framework in SharePoint 2016 Feature Pack 2
- PnP Webcast – VSTS Build and Release Pipelines for SharePoint Framework Solutions
- PnP Webcast – Common (mis)conceptions about SharePoint Framework
- PnP Webcast – Introduction to Visual Studio Extension for SharePoint Framework
- PnP Webcast – Calling external APIs securely from SharePoint Framework
- PnP Webcast – SharePoint Framework and organizational considerations
- PnP Webcast – Provisioning SharePoint assets for your SharePoint Framework solution
- PnP Webcast – Validating SharePoint Framework client-side web part property values
- PnP Webcast – Getting started with SharePoint Framework
What is SharePoint / Office Dev Patterns & Practices (PnP) webcast series?
SharePoint / Office Dev Patterns & Practices (PnP) webcast series covers different patterns, practices and topics around development with Office 365 and SharePoint. The majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release a new webcast weekly or bi-weekly with few slides and a live demo of the covered topic. All webcasts are published at the PnP YouTube channel with additional references to the existing materials.
PnP is a community-driven open source project where Microsoft and external community members are sharing their learning’s around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen in our GitHub repositories under dev branch and each month there will be a master merge (monthly release) with more comprehensive testing and communications. Latest activities and future plans are covered in our monthly community calls which are open to anyone from the community. Download invite from http://aka.ms/SPPnP-Call.
This is work done by the community for the community without any actual full-time people. It’s been great to find both internal and external people who are willing to assist and share their learning’s for the benefit of others. This way we can build on the common knowledge of us all. Currently, the program is facilitated by Microsoft, but already at this point, we have multiple community members as part of the Core team and we are looking to extend the Core team with more community members.
If you have any questions, comments or feedback on SharePoint Development topics, PnP program or this blog post, please use the Microsoft Tech Community (SharePoint Developer group).
“Sharing is caring”
Vesa Juvonen, Senior Program Manager, SharePoint, Microsoft – 2nd of January 2018
