This article is contributed. See the original author and article here.
SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from May 6th is now available from the Microsoft 365 Community YouTube channel at http://aka.ms/m365pnp-videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.
Call summary:
Preview the new Microsoft 365 Extensibility look book gallery co-developed by Microsoft Teams and Sharepoint engineering. Download showcase apps, samples, and documentation. Register now for May trainings on Sharing-is-caring New releases in this call – CLI for Microsoft 365 v3.9.0, Reusable SPFx React Controls v3.1.0 and Property Controls v3.1.0 and SharePoint Framework v1.12.1. Also, a look at what’s ahead for SPFx – Microsoft Viva Connections, Teams improvements, tooling updates, and Store modernization.
There were six PnP SPFx samples delivered in last 2 weeks, details below. Great work!
Latest project updates include: (Bold indicates update from previous report 2 weeks ago)
PnP Project | Current version | Release/Status |
SharePoint Framework (SPFx) | v1.12.1 | GA |
PnPjs Client-Side Libraries | v2.4.0 | v2.5.0 scheduled for May 14th |
CLI for Microsoft 365 | v3.9.0 | Upgrading SPFx projects to v1.12.1 |
Reusable SPFx React Controls | v3.1.0 | v2.7.0 (SPFx v1.11), v3.1.0 (SPFx v1.12.1) |
Reusable SPFx React Property Controls | v3.1.0 | v2.6.0 (SPFx v1.11), v3.1.0 (SPFx v1.12.1) |
PnP SPFx Generator | v1.16.0 | Angular 11 support |
PnP Modern Search | v3.19 and v4.1.0 | April and March 20th |
The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Thanks everybody for being part of the Community and helping making things happen. You are absolutely awesome!
Actions:
- Reserve date – SharePoint Monthly community call – 11th of May 8 AM PDT | https://aka.ms/sp-call
- Register for Sharing is Caring Events:
- First Time Contributor Session – May 24th (EMEA, APAC & US friendly times available)
- Community Docs Session – May
- PnP – SPFx Developer Workstation Setup – May 13th
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – May 20th
- AMA (Ask Me Anything) – Tech Community – May 11th
- AMA (Ask Me Anything) – Microsoft Graph & MGT – June
- First Time Presenter – May 25th
- More than Code with VSCode – May 27th
- Maturity Model Practitioners – May 18th
- PnP Office Hours – 1:1 session – Register
- Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call
Demos:
Adding support to add video with a text to modern pages with this video banner web part – from the Properties Pane, select a video, add banner title text and color it, adjust video brightness and banner height. This elegantly coded modern web part was built with SPFx using standard PnP property pane controls in less than 3 hours. Add the web part to top of your pages. The web part has only one functional component named: VideoBackground.
Building company stories web part for story experience – this web part allows you to add images to a SharePoint List, and renders (cycles) them with related text on page similar to Instagram Stories as a way to engage social media adept employees. Text, images, and author details stored in a SharePoint list. Uses an existing open-source React component called “react-insta-stories” and several Microsoft Graph Toolkit components. Sample on github.
Building react groups and teams web part for aggregating detailed information for end users – this web part helps logged-in user quickly find their Microsoft Teams and Microsoft 365 Groups sites/content. For selected site, options to go to site, mail, calendar, or Planner. Match site color theme with one click. Filter by public, private or all Groups/Teams. The main React component is MirrosoftGroups.tsx. A brilliant code walk-through by first time presenter Alison Collins.
SPFx web part samples: (https://aka.ms/spfx-webparts)
- Teams Membership Updater – Nick Brown | @techienickb
- OneDrive Finder – André Lage | @aaclage
- Organization Chart – João Mendes | @joaojmendes
- Remote Event Receiver Manager – Dan Toft | @tanddant
- All Microsoft 365 Groups and Teams – Alison Collins and Sam Collins | @Samc148
Thank you for your great work. Samples are often showcased in Demos.
Agenda items:
- Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 5:24
- PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997 – 7:49
- CLI for Microsoft 365 – Patrick Rodgers (Microsoft) | @mediocrebowler – 9:22
- PnP SPFx Controls – Patrick Rodgers (Microsoft) | @mediocrebowler – 10:27
- PnP SPFx Generator – Patrick Rodgers (Microsoft) | @mediocrebowler – 11:57
- PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 12:18
Demos:
Demo: Adding support to add video with a text to modern pages with this video banner web part – Mohamed Derhalli (BDO Canada) | @MohamedDerhalli | Deck – 13:13
Demo: Building company stories web part for story experience – Luis Mañez (ClearPeople) | @luismanez | Deck – 18:39
Demo: Building react groups and teams web part for aggregating detailed information for end users – Alison Collins & Sam Collins (Coupled Technology) | @samc148 | Deck – 29:39
Resources:
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
Blog post – Introducing React Video Banner Web Part
Repo – Video Banner
Blog post – Community sample: Engage your users with SharePoint stories/reels
Repo – Company Stories Webpart
Alison’s Blog: Graphgod
Repo – All Microsoft 365 Groups and Teams with SPFx
- Framework – v1.12.1 npm install –g @microsoft/generator-sharepoint@next
- Gallery – Microsoft 365 Extensibility look book gallery
- PnP Weekly – Episode 125 with Business Applications MVP guest Sandy Ussia (Lightning Tools ) | @SandyU | video | podcast
- Viva Connections https://aka.ms/VivaConnections
General Resources:
- CLI for Microsoft 365 v3
- CodeTour
- Sharing is Caring | aka.ms/sharing-is-caring
- Tools – PnP Modern Search v4 | https://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:
Upcoming calls | Recurrent invites:
- SharePoint monthly call – May 11th at 8:00am PDT | https://aka.ms/sp-call
- Microsoft Graph call – June 1st at 8:00 am PDT | https://aka.ms/microsoftgraphcall
- Office add-in monthly call – May 12th at 8:00 am PDT | https://aka.ms/officeaddinscall
- M365 General Dev call – May 13th at 7:00 am PDT | https://aka.ms/m365-dev-sig
- Adaptive Cards monthly call – May 13th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
- Microsoft Teams monthly call – May 18th at 8:00 am PDT | https://aka.ms/microsoftteamscommunitycall
- Power Apps monthly call – May 19th at 8:00 am PDT | https://aka.ms/PowerAppsMonthlyCall
- SharePoint Framework call – May 20th at 7:00 am PDT | https://aka.ms/spdev-spfx-call
- Microsoft Identity Platform – May 20th at 9:00 am PDT | https://aka.ms/IDDevCommunityCalendar
- Microsoft Graph call – June 1st at 8:00 am PDT | https://aka.ms/microsoftgraphcall
PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online, and also on-premises. SIG calls are used for the following objectives.
- SharePoint Framework engineering update from Microsoft
- Talk about PnP JavaScript Core libraries
- 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 Microsoft Teams or SharePoint context
- You can download a recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 PnP team, Microsoft – 7th of May 2021
Brought to you by Dr. Ware, Microsoft Office 365 Silver Partner, Charleston SC.
Recent Comments