SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from November 19th 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.
New trainings to be delivered in December by PnP Community members are announced including Developing Apps for Microsoft Teams and SPFx Developer Workstation Setup. PnPjs v2.0.12 was released on November 16th and PnPjs v2.1.0-beta is out and allows isolated runtimes. Released new beta v3.3 of CLI for Microsoft 365. PnP Modern Search v4-preview is now available. Upcoming SPFx v1.12 to accommodate more access to the page structure and context to avoid DOM dependency. And finally, 1 extension and 7 new/updated samples were rolled out in last 2 weeks. The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Deluxe seating for members of a special community. Thanks for joining us today.
- Attend – Livestream – Developing Apps for Microsoft Teams – December 16th 9:00 am PST | aka.ms/learntogether
- Register for a First Time Contributor Session – December 1st, 7th & 14th (EMEA, APAC & US friendly times available)
- Register for a Community Docs Session – December 15th
- Register for using PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – November 26th and December 9th
- Register for – PnP – SPFx Developer Workstation Setup – December 9th & 16th (Two Session Times)
- SharePoint Monthly community call – December 8th – Recurring Invite
- Soliciting Comments – Tell us about DOM dependencies in your SharePoint solutions | https://github.com/SharePoint/sp-dev-docs/issues/6380
- Extending Power Automate User Interface with SPFx – extend or replace the Power Automate Flow Panel with a Flow Launch Panel built with SPFx that’s accessed from within SPO/Microsoft Teams, and that triggers flows by content type or status, and allows flow reuse across multiple lists and libraries. The SPFx launch panel delivers a comfortable level of abstraction and behind the scenes intelligence that prompts users only for needed information in the simplest terms.
- Integrating Tailwind CSS framework into an SPFx React project – this project shows how to integrate the Tailwind CSS framework into an SPFx React project using CSS custom properties to manage in Tailwind CSS Classes the Theme Variant into sections. Tailwind delivers additional options for changing elements – weights, colors, fonts, backgrounds than OOB SharePoint themes/CSS. A capability delivered by Tailwind CSS is responsive layout rendering.
- SPFx file upload by drag & drop including PDF conversion – an SPFx file uploader web part (or Teams tab) that uses Microsoft Graph to convert files to PDF during upload as opposed to at the time of download. In the SharePoint context, it uploads to the default drive (library) while in Teams context it uses the current channel as a Folder name in the default drive. It uses HTML5 drag and drop event handling and retrieves files with format = pdf conversion.
- Bot framework extension with SSO – Qiong Wu
SPFx web part samples: (https://aka.ms/spfx-webparts)
- Single-Sign On Bot Framework – Qiong Wu
- Secure Bot Framework – Qiong Wu
- Graph Calendar – Abderahman Moujahid
- Edit Application Customizers – Kunj Sangani | @sanganikunj & Siddharth Vaghasia | @siddh_me
- Telephone Directory – Aimery Thomas | @aimery_thomas
- Content Query Web Part – Abderahman Moujahid
- Section Theme – Don Kirkham | @donkirkham
As you are aware, samples are often showcased in Demos. Thank you for your great work.
- Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 7:09
- PnPjs Client-Side Libraries – Julie Turner (Sympraxis Consulting) | @jfj1997 – 8:36
- CLI for Microsoft 365 – Patrick Rodgers (Microsoft) | @mediocrebowler – 10:50
- PnP SPFx Generator – Patrick Rodgers (Microsoft) | @mediocrebowler – 11:42
- PnP Modern Search – Patrick Rodgers (Microsoft) | @mediocrebowler – 12:40
- PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 14:05
- Extending Power Automate User Interface with SPFx – Paolo Pialorsi (PiaSys) | @paolopia – 16:46
- Integrating Tailwind CSS framework into a SPFx React project – Fabio Franzini | @franzinifabio – 30:41
- SPFx file upload by drag & drop including PDF conversion – Markus Möller (Avanade) | @Moeller2_0 – 46:00
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
- CSS Framework site – Rapidly build modern websites without ever leaving your HTML.
- Repo – react-tailwindcss
- Sandbox – Tailwind Playground
- Blog post – A simple SPFx file upload by drag&drop including PDF conversion
- Repo – react-teams-graph-upload-as-pdf
- Document – Download a file in another format
- PnP Weekly – Episode 105 with guest Alistair Pugin (Tangent Solutions) | @AlistairPugin | video | podcast
- CLI for Microsoft 365 v3
- 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
The next meeting is on December 3, 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 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 – 20th of November, 2020