Building React Taxonomy File Explorer experience with SPFx
In this 15-minute developer-focused demo, Markus Möller shows viewers how they may easily render and manipulate files (Drag&Drop), folders, sub-folders organized in a hierarchical view, based on managed metadata. Web part built with SPFx v1.15 and PnPjs. One can Move, Copy and/or Link to files in folders and also enables moving documents into library from an external location. Uses PnPjs to retrieve terms. File hierarchy is collapsible. Step through React component structures including the master TaxonomyFileExplorer component. This PnP Community demo is taken from the Viva Connections & SharePoint Framework Bi-weekly sync call recorded on August 11, 2022.
Demo Presenter
• Markus Möller (Avanade) | @Moeller2_0
Supporting materials
• Article - A SharePoint File Explorer based on Managed Metadata and SPFx | https://mmsharepoint.wordpress.com/20...
• Samples Repo - React Taxonomy File Explorer | https://github.com/pnp/sp-dev-fx-webp...
• PnPjs taxonomy – getAllChildrenAsOrderedTree | https://pnp.github.io/pnpjs/sp/taxono...
Learn more
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community
Watch video Building React Taxonomy File Explorer experience with SPFx online without registration, duration hours minute second in high quality. This video was added by user Microsoft Community Learning 01 September 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 792 once and liked it 9 people.