SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from January 14th 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:
The latest project releases include PnPjs v2.1.0 – to be released on January 15th – a pivotal release. CLI for Microsoft 365 v3.5, React Controls 2.4.0 and React Property Controls 2.3.0 were released. Also, PnP SPFx Generator v1.16.0. (now supporting Angular 11) and PnP Modern Search v3.17.0 and v4.0 are out. On the SPFx Samples front, 2 extensions and 2 web part samples were released in the last month. The latest feature set for SPFx v1.12 is reviewed along with Q1 release timing. The first Ask Me Anything (AMA) session was delivered on January 12th and will take place monthly immediately after the monthly SharePoint Community call. The topic focus for the next AMA call on February 9th is PnPjs. The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Hello World – Community!
Actions:
- Register for Sharing is Caring Events
- First Time Contributor Session – January 19th 26th (EMEA, APAC & US friendly times available)
- Community Docs Session – January 18th
- PnP – SPFx Developer Workstation Setup – January 20th
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – January 25th
- PnP – AMA (Ask Me Anything) – PnPjs Edition – February 9th
- Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call
Demos:
- Developing SPFx web parts for different section designs using CSS – see how to make changes to the styling of a web part by creating variants on office UI fabric – site theming within a web part. Add a theme variant object to an SPFx web part. Redefine the CSS variables within the web part’s event handler. The theme variants are then available and called as CSS variables.
- Building SharePoint Migration Dashboard with SharePoint Framework – migrating from SharePoint on-prem to SPO? Then you need this self-service migration dashboard. Users can track migration details; the project team can run a script to import data from the open-source SharePoint Migration Assessment Tool (SMAT) that renders the data in a more readable format. Simple to deploy – automated. The dashboard is 1 SPFx web part built using Yeoman, React, Fluent UI, PnPjs.
- Getting started on using SharePoint Framework samples – PnP Samples are a means to kick start your development efforts. The PnP Samples inventory includes nearly 450 validated samples contributed by 250 community members. Tour the PnP Samples browser and learn about sort classifications including sort by compatibility. See how the presenters find 2 web parts, evaluate compatibility for the target dev environment and learn tricks to avoid compatibility issues.
- Copy Classic Link – Aakash Bhardwaj | @aakash_316
- Application Announcements – Mike Myers
SPFx web part samples: (https://aka.ms/spfx-webparts)
- Calendar – Abderahman Moujahid
- Accordion Section – FAQ Builder – Ravi Chandra, Jack Vinitsky
As you are aware, samples are often showcased in Demos. Thank you for your great work.
Agenda items:
- Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 5:47
- PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997 – 8:10
- CLI for Microsoft 365 – Patrick Rodgers (Microsoft) | @mediocrebowler – 10:05
- PnP SPFx Controls – Patrick Rodgers (Microsoft) | @mediocrebowler – 10:49
- SPFx Generator – Stefan Bauer (n8d) | @StfBauer – 11:48
- PnP Modern Search – Patrick Rodgers (Microsoft) | @mediocrebowler – 13:32
- PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:41
Demos :
- Developing SPFx web parts for different section designs using CSS – Stefan Bauer (N8D) | @StfBauer – 17:01
- Building SharePoint Migration Dashboard with SharePoint Framework – Denis Molodtsov (CleverPoint) | @Zerg00s – 36:22
- Getting started on using SharePoint Framework samples – David Warner (Catapult Systems) | @DavidWarnerII & Hugo Bernier (Tahoe Ninjas) | @bernierh – 44:27
Resources:
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
- Article – Develop SPFx web parts for different section designs using CSS
- Repo – Migration Dashboard
- Documentation – Overview of the SharePoint Migration Assessment Tool
- Samples repository – Samples by JavaScript Framework
- Website – PnP Sharing is Caring
- Repo – Content Query web part
- PnP Weekly – Episode 109, with guest Luise Freese | @LuiseFreese – video and podcast
- CLI for Microsoft 365 v3
- CodeTour
- 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
Upcoming calls:
- M365 General Dev call: January 21st at 07:00am PDT
- SharePoint Framework call: January 28th at 07:00am PDT
- SharePoint monthly call: February 9th at 08:00am PDT
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 recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 Patterns and Practices team – 15th of January, 2021
