SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from August 27th is now available from the Microsoft 365 & SharePoint Community YouTube channel at http://aka.ms/m365pnp-videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.
Since last client-side call, released PnP CLI for Microsoft 365 beta v3 (note new name/package/executable for PnP Office 365 CLI), React Controls beta v2 and React Property Controls beta v2. PnPjs v2.0.9 release is planned for September 4th. Released 8 web part samples. Added new dates for First Time Contributor, Community Docs and new: “Using PnP SPFx Samples w/NVM” sessions on Sharing is Caring site. September 1st is PnP Virtual Conference with over 60 sessions and 1500 registrants. Articles on Publishing SharePoint Framework solutions to store and on Building for Microsoft Teams using SharePoint Framework. The host of this call was Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Today’s PnP Community call attendees photo:
In these socially distant times, remember you have friends with common interests.
- Register for a First Time Contributor Session – September 9, 14 or 16.
- Register for a Community Docs Session – August 28 or 31, September 18, 28 or 30.
- Register for Using PnP SPFx Samples w/NVM (Node Version Manager) – September 11, 15 or 29.
- Register for free PnP Virtual Conference – Microsoft 365 topics – September 1.
- Use SharePoint Framework v1.11
- Building an accessible Accordion web part – a web part for building/adding a collapsible accordion style FAQ to a SharePoint page or Teams tab. Create and easily add/delete items for FAQ in list view. Functionally – the code invokes a get list items method to grab items from the targeted list, populates the accordion and renders the formatted result. Each accordion item has a header and panel.
- Building company Phone Directory solution with SPFx and Microsoft Graph – a SPFx tabbed web part that uses React, Microsoft Graph and fluent UI controls to find and render user details in an internal telephone directory. Users can find people by first name, last name or by e-mail address. Users are found in AD via Microsoft Graph API. Fluent UI is used to display users.
- Enhanced Power Apps Web Part – Cool Power Apps integration scenarios with SharePoint – As an alternative to the out-of-box Power Apps Web part in SharePoint, take a look at this enhanced – more configurable web part. Configure screen sizing – multiple aspect ratios or fixed height and theming – Pass SharePoint theme color values into Power Apps. Also, pass dynamic data from page elements to Power Apps– such as a selected item on a connected list, or an environment variable such as the user’s locale.
- no new extensions in last two weeks
SPFx web part samples:
- PnPJs Explorer – Siddharth Vaghasia | @siddh_me & Kunj Sangani | @sanganikunj
- Enhanced Power Apps– Hugo Bernier | @bernierh
- My Personal Apps – Nanddeep Nachan | @NanddeepNachan
- Page Navigator – NanddeepNachan | @NanddeepNachan
- Adaptive Cards Host, Adaptive Cards Hooks – Hugo Bernier | @bernierh
- Cascading managed metadata using Graph API (beta) – Anoop Tatti | @anooptells
- Visio Embed – Joel Rodrigues | @joelfmrodrigues
- Upgrade Me – Hugo Bernier | @bernierh
Thank you for your work. Samples are often showcased in Demos – like the Smart Profile Photo Editor this week.
- Latest updates on SharePoint Framework – 6:45
- PnPjs Client Libraries – 8:49
- Office 365 CLI | Garry Trinder (CPS Solutions) | @garrytrinder – 10:06
- SPFx reusable controls – 12:26
- SPFx Generator – 13:21
- PnP Search Solution – 14:13
- PnP SPFx Samples | Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:53
- Building an accessible Accordion web part – Erik Benke (Mentor Graphics) | @erikjbenke – 18:15
- Building company Phone Directory solution with SPFx and Microsoft Graph – Dipen Shah (Stridely Solutions) | @Dips_365 – 29:23
- Enhanced Power Apps Web Part – Cool Power Apps integration scenarios with SharePoint – April Dunnam (Microsoft) | @aprildunnam & Hugo Bernier (Tahoe Ninjas) @bernierh – 36:09
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
- Repo – SPFx Accordion Section FAQ Builder web part
- Repo – Telephone Directory using React, Ms Graph and SPFx
- Website (Phone Directory article) – TECH SHARE INSIDER
- Video – PowerApps Enhanced SharePoint Webpart | April Dunnam (Microsoft) | @aprildunnam
- Repo – React Enhanced Powerapps
- PnP Weekly – Episode 93, with guest Ayça Baş (Microsoft)
- Sharing is Caring | aka.ms/sharing-is-caring
- PnP Modern Search | aka.ms/pnp-search
- M365 PnP site | aka.ms/m365pnp
- SharePoint Starter Kit v2
- Blog: “A Lap Around Microsoft Graph Toolkit” blog series
- New Microsoft 365 Patterns and Practices (PnP) team model with new community leads
- Microsoft 365 Community Content (non-Dev docs)
- PnP SPFx web part samples
- PnP SPFx extension samples
- GitHub PnPjs
- Tutorials – Getting started with SharePoint Framework v1.10 Tutorials (12 videos)
- Tutorials – Getting started with SharePoint Framework v1.10 Extensions (6 videos)
- Docs – Tutorials and training material for SharePoint Development
- SPFX Training Package
- SPFx Web Parts
- SPFx Extensions
- SPFx Library Components
- Documentation – PnPjs v2 documentation
- Link – Microsoft 365 developer training
- Link – Office 365 Developer Program
- Latest documentation on SharePoint Framework
- Found an issue with SharePoint Dev? – please let us know at http://aka.ms/spdev-issues
- Reusable web part property controls
- Reusable react controls for SharePoint Framework solutions
- Reusable controls webcast
- Office 365 CLI
- PnP SPFx Yeoman Generator – Extends the out-of-the-box experience with open-source community capabilities
- SharePoint Dev UserVoice – for new feature requests
Other mentioned topics
Next Meeting is on September 10, 2020
- SharePoint Framework engineering update from Microsoft
- Office 365 CLI Updates
- SPFx reusable controls
- PnP SPFx Yeoman generator
- Share code samples and best practices
- Possible engineering asks for the field – input, feedback, and suggestions
- Cover any open questions on the client side development
- Demonstrate SharePoint Framework in practice in SharePoint or in Microsoft Teams context
You can download recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 Patterns and Practices team – 28th of August, 2020