Viva Connections & SharePoint Framework Community Call -- 2nd of December, 2021

Viva Connections & SharePoint Framework Community Call -- 2nd of December, 2021

Viva Connections & SharePoint Framework bi-weekly community call recording from December 2nd is now available from the Microsoft 365 Community YouTube channel at https://aka.ms/m365pnp/videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.

Call summary

  • Tune in each Tuesday for the Microsoft 365 platform community call.  Featured topics for the December 7th call - Introduction to Microsoft 365 Instant Sandbox - Michael Aldridge, Introduction to Microsoft Graph Connectors SDK - Rajdeep Chandra, and Microsoft Graph Toolkit Controls - Sébastien Levert  
  • Register for training events in December - January hosted by Sharing is Caring.
  • Register for the PnP Recognition Program.
  • SharePoint Framework 1.13.1 released - npm install -g @microsoft/generator-sharepoint
  • The Road Ahead after 1.13.1 – 1.14 and future.
  • Modernized app catalog for SharePoint Framework solutions - Preview
  • PnP project releases in the last two weeks
    • SharePoint Framework (SPFx) v1.13.1 GA
    • CLI for Microsoft 365 v4.2.0 GA. **Latest project updates include: ** (Bold indicates update from previous report 2 weeks ago) 

PnP Project Current version Release/Status SharePoint Framework (SPFx) v1.13.1 GA v1.14.0 January target PnPjs Client-Side Libraries v2.11.0 GA, v3.0.0 Preview nightly builds of v3 CLI for Microsoft 365 v4.2.0 GA   Reusable SPFx React Controls v2.9.0 (SPFx v1.11), v3.4.0 3.5.0 with SPFx v1.13 support is coming soon Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1) 3.3.0 with SPFx v1.13 support is coming soon PnP SPFx Generator v1.16.0 v1.17.0 on the way PnP Modern Search v4.4.1 Preview, v4.3.0 & v3.21.0 Release expected by calendar year end

Additionally, there were 2 extensions, 2 web parts and 2 ACE samples were delivered!  Triple 2’s are just great! Your contributions are greatly appreciated by many.  The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler.  Q&A takes place as always in chat throughout the call.

Actions

  • Opt in to PnP Recognition Program | https://aka.ms/m365pnp-recognition
  • Register for Sharing is Caring Events:
    • Ask me anything (AMA) PnP Search – January 11th
    • First Time Contributor Session – December 15th (EMEA, APAC & US friendly times available)
    • Community Docs Session – 2022 Sessions Coming Soon   
    • Power Platform Samples – First Time Contributor – December 15th
    • PnP – SPFx Developer Workstation Setup – 2022 Sessions Coming Soon
    • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – 2022 Sessions Coming Soon 
    • First Time Presenter – 2022 Sessions Coming Soon
    • More than Code with VSCode – More Dates Coming Soon 
    • Maturity Model Practitioners – January 18th (every 3rd Tuesday of month, 7:00am PT)
    • Getting Started with Viva Connection ACEs – TBS soon
    • PnP Office Hours – 1:1 session – Register
    • PnP Buddy System – Request a Buddy
  • Request a Demo spot on the call – https://aka.ms/m365pnp/request/demo
  • Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

Demos

  • Introduction to HtwoO React library – Fluent UI experiences easily – learn about the new open-source HtwoO React library created by Julie Turner containing atomic components built by Stephan Bauer.   Step through installing and initializing the library in an SPFx project.  Then build a Splash card page containing multiple sub-components. Copy sample code from library into components and add components to a page – modular development. Alpha library available now, will go GA shortly.    

  • Getting started with using PnP Search Web Parts v4 – create a modern Search Center page in minutes using 4 key PnP web parts - Search Results, Search Filters, Search Box and Search Verticals.  Get v4 package on GitHub and add to App Catalog. Add web parts to a page. Configure data sources – SharePoint or Microsoft Search, layouts, create search queries and connections between web parts, refine filtering. Package updated by year end.      

     

SPFx extension samples: (https://aka.ms/spfx-extensions)

SPFx web part samples

https://aka.ms/spfx-webparts

PnP SPFx ACEs

https://aka.ms/spfx-aces

  • My Notifications -*João Mendes | @joaojmendes

  • Follow Document* - André Lage | @aaclage

  • to be posted soon. Thank you for your great work.  Samples are often showcased in Demos. 

Agenda items

Demos

  • D1:  Introduction to HtwoO React library – Fluent UI experiences easily – Julie Turner (Sympraxis Consulting) | @jfj1997 – 18:31

  • D2: [Getting started with using PnP Search Web Parts v4 – ][Franck Cornu][https://twitter.com/FranckCornu]( | @FranckCornu & )Mikael Svenson[ (Microsoft) | @mikaelsvenson – 38:10]

Resources

Additional resources around the covered topics and links from the slides.

General resources

Other topics mentioned

Viva Connections & SharePoint Framework bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Connections, Microsoft Teams, SharePoint Online, and also on-premises. Calls are used for the following objectives.

  • SharePoint Framework engineering update from Microsoft
  • Talk about PnP JavaScript Core libraries
  • CLI for Microsoft 365 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 Viva, 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 - 3rd of December 2021