SharePoint Framework Community Call – 29th of July, 2021

Published Jul 29 2021 04:59 PM 2,102 Views
Microsoft

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from July 29th 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:

 

Summer and Fall community call schedule updates reviewed.  Register today for August events on Sharing-is-caring.   PnP Recognition Program announced.   Viva Connections public developer preview!   SharePoint Framework v1.13 beta released earlier this week with preview on the Viva Connections extensibility tooling.  

 

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, v1.13 beta  v1.13.0 Beta end of July
PnPjs Client-Side Libraries v2.7.0

2.8.0 scheduled for Aug 13, 

v3.0.0 developments underway

CLI for Microsoft 365 v3.12.0 Preview, v4.0.0 Preview  v4.0.0 to release this fall
Reusable SPFx React Controls v2.8.0 (SPFx v1.11), v3.2.1 (SPFx v1.12.1)  
Reusable SPFx React Property Controls v2.7.0 (SPFx v1.11), v3.2.0 (SPFx v1.12.1)  
PnP SPFx Generator v1.16.0 v1.17.0 on the way
PnP Modern Search v4.3.0 & v3.21.0  

 

There was 1 PnP SPFx extension and 4 PnP web part samples delivered in the last 2 weeks as well.  Nice work!    The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler.  Q&A takes place in chat throughout the call.

 

PnP-Calls-TogetherMode-LowResolution.gif

 

 

Yep!  Nice wave action.  Great seeing you this week.  Looking forward to seeing you again in August.    Data for Hugo:  24 left-handed wavers, 4 right-handed wavers, 2 bi-handed wavers and 4 non-handed wavers.  But wait, now there's 35 wavers!   Data corruption.  

 

Actions:

  • Register for Sharing is Caring Events:
    • First Time Contributor Session – August 31st (EMEA, APAC & US friendly times available)
    • Community Docs Session – August 23rd
    • PnP – SPFx Developer Workstation Setup – August 24th   
    • PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – August 25th
    • Ask Me Anything – Power Platform Development & Samples – September 28th
    • First Time Presenter – August 30th
    • More than Code with VSCode – TBS
    • Maturity Model Practitioners – August 17th and every 3rd Tuesday of month, 7:00am PT
    • PnP Office Hours – 1:1 session - Register
    • PnP Buddy System - Request a Buddy
  • Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call

 

Demos:

  • Hero Web Part and Tiles V2 Web PartTiles v2 – displays a group of responsive flex tiles that can be configured to navigate to different URLs.   REACT Hero – provides a customizable Hero webpart that displays 5 images in a stand-alone carousel view.   Both web parts use a stored collection from PnP PropertyFieldCollectionData control and custom field rendering control, file/icon pickers and fluid flex layout.   Site theme selectable in Tiles v2.  Thorough code walkthrough.

  • Exposing business data in Viva Connections or in SharePoint with custom diagram web parts​ – or in Microsoft Teams.  React diagraming web parts updated to v1.13.  Updates accommodate Dynamic Data Connections, full bleed, handling section color changes, Viva Connections, and to search content in web part.  Web parts leverage libraries/code from Mermaid, flowchart.js, and js-sequence-diagrams along with the Monaco Editor and PnP markdown property pane to both generate diagrams and to overlay text on them.

 

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

 

SPFx web part samples:  (https://aka.ms/spfx-webparts

 

Thank you for your great work.  Samples are often showcased in Demos.    

 

Agenda items:

 

Demos:

  • Demo:  Hero Web Part and Tiles V2 Web Part – Omar El-Anis | @omarelanis  18:12

  • Demo:  Exposing business data in Viva Connections or in SharePoint with custom diagram web parts – Hugo Bernier (Microsoft) | @bernierh  41:12

 

Resources:

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

 

General Resources:

 

Other mentioned topics:

 

Upcoming calls | Recurrent invites:

 

 

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 - 29th of July 2021

%3CLINGO-SUB%20id%3D%22lingo-sub-2481295%22%20slang%3D%22en-US%22%3ESharePoint%20Framework%20Community%20Call%20%E2%80%93%2029th%20of%20July%2C%202021%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2481295%22%20slang%3D%22en-US%22%3E%3CP%3ESharePoint%20Framework%20Special%20Interest%20Group%20(SIG)%20bi-weekly%20community%20call%20recording%20from%20July%2029th%20is%20now%20available%20from%20the%20Microsoft%20365%20Community%20YouTube%20channel%20at%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fm365pnp-videos%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttp%3A%2F%2Faka.ms%2Fm365pnp-videos%3C%2FA%3E.%20You%20can%20use%20SharePoint%20Framework%20for%20building%20solutions%20for%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3EMicrosoft%20Teams%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Eand%20for%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3ESharePoint%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3EOnline.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3C%2FP%3E%3CDIV%20class%3D%22video-embed-center%20video-embed%22%3E%3CIFRAME%20class%3D%22embedly-embed%22%20src%3D%22https%3A%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Fsrc%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252FBMXZlYtyKp4%253Ffeature%253Doembed%26amp%3Bdisplay_name%3DYouTube%26amp%3Burl%3Dhttps%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253DBMXZlYtyKp4%26amp%3Bimage%3Dhttps%253A%252F%252Fi.ytimg.com%252Fvi%252FBMXZlYtyKp4%252Fhqdefault.jpg%26amp%3Bkey%3Db0d40caa4f094c68be7c29880b16f56e%26amp%3Btype%3Dtext%252Fhtml%26amp%3Bschema%3Dyoutube%22%20width%3D%22600%22%20height%3D%22337%22%20scrolling%3D%22no%22%20title%3D%22YouTube%20embed%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%22%20allowfullscreen%3D%22true%22%3E%3C%2FIFRAME%3E%3C%2FDIV%3E%3CP%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ECall%20summary%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ESummer%20and%20Fall%20community%20call%20schedule%20updates%20reviewed.%26nbsp%3B%20Register%20today%20for%20August%20events%20on%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fsharing-is-caring%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ESharing-is-caring%3C%2FA%3E.%26nbsp%3B%20%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365pnp-recognition%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EPnP%20Recognition%20Program%3C%2FA%3E%20announced.%26nbsp%3B%20%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fviva%2Fconnections%2Fdeveloper%2Fpreview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EViva%20Connections%20public%20developer%20preview!%3C%2FA%3E%20%26nbsp%3B%26nbsp%3B%3CSTRONG%3ESharePoint%20Framework%20v1.13%20beta%3C%2FSTRONG%3E%20released%20earlier%20this%20week%20with%20preview%20on%20the%20Viva%20Connections%20extensibility%20tooling.%20%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ELatest%20project%20updates%20include%3A%26nbsp%3B%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(%3CSTRONG%3EBold%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FSTRONG%3Eindicates%20update%20from%20previous%20report%202%20weeks%20ago)%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CTABLE%20border%3D%221%22%20width%3D%22100%25%22%3E%0A%3CTBODY%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%3CSTRONG%3EPnP%20Project%3C%2FSTRONG%3E%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%3CSTRONG%3ECurrent%20version%3C%2FSTRONG%3E%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%3CSTRONG%3ERelease%2FStatus%3C%2FSTRONG%3E%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3ESharePoint%20Framework%20(SPFx)%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev1.12.1%2C%26nbsp%3B%3CSTRONG%3Ev1.13%20beta%3C%2FSTRONG%3E%26nbsp%3B%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev1.13.0%20Beta%20end%20of%20July%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3EPnPjs%20Client-Side%20Libraries%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev2.7.0%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%3CP%3E%3CSTRONG%3E2.8.0%20scheduled%20for%20Aug%26nbsp%3B13%2C%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3Ev3.0.0%20developments%20underway%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3ECLI%20for%20Microsoft%20365%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3Ev3.12.0%20Preview%2C%26nbsp%3Bv4.0.0%20Preview%26nbsp%3B%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3Ev4.0.0%20to%20release%20this%20fall%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3EReusable%20SPFx%20React%20Controls%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev2.8.0%20(SPFx%20v1.11)%2C%20v3.2.1%20(SPFx%20v1.12.1)%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%26nbsp%3B%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3EReusable%20SPFx%20React%20Property%20Controls%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev2.7.0%20(SPFx%20v1.11)%2C%20v3.2.0%20(SPFx%20v1.12.1)%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%26nbsp%3B%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%3EPnP%20SPFx%20Generator%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%3Ev1.16.0%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%3Ev1.17.0%20on%20the%20way%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3EPnP%20Modern%20Search%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev4.3.0%20%26amp%3B%20v3.21.0%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3E%26nbsp%3B%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3C%2FTBODY%3E%0A%3C%2FTABLE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThere%20was%201%20%3CSTRONG%3EPnP%20SPFx%20extension%20%3C%2FSTRONG%3Eand%204%3CSTRONG%3E%20PnP%20web%20part%20samples%3C%2FSTRONG%3E%20delivered%20in%20the%20last%202%20weeks%20as%20well.%20%26nbsp%3BNice%20work!%26nbsp%3B%26nbsp%3B%26nbsp%3B%20The%20host%20of%20this%20call%20is%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%7C%20%40mediocrebowler.%26nbsp%3B%20Q%26amp%3BA%20takes%20place%20in%20chat%20throughout%20the%20call.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22PnP-Calls-TogetherMode-LowResolution.gif%22%20style%3D%22width%3A%20800px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F299353iFCDF3C257BCC9093%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22PnP-Calls-TogetherMode-LowResolution.gif%22%20alt%3D%22PnP-Calls-TogetherMode-LowResolution.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYep!%26nbsp%3B%20Nice%20wave%20action.%26nbsp%3B%20Great%20seeing%20you%20this%20week.%26nbsp%3B%20Looking%20forward%20to%20seeing%20you%20again%20in%20August.%26nbsp%3B%20%26nbsp%3B%20Data%20for%20Hugo%3A%26nbsp%3B%2024%20left-handed%20wavers%2C%204%20right-handed%20wavers%2C%202%20bi-handed%20wavers%20and%204%20non-handed%20wavers.%26nbsp%3B%20But%20wait%2C%20now%20there's%2035%20wavers!%26nbsp%3B%20%26nbsp%3BData%20corruption.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EActions%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3ERegister%20for%20Sharing%20is%20Caring%20Events%3A%3CUL%3E%0A%3CLI%3EFirst%20Time%20Contributor%20Session%20%E2%80%93%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUREZVRDVYUUJLT1VNRDM4SjhGMlpUNzBORy4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2031%3CSUP%3Est%3C%2FSUP%3E%3C%2FA%3E%20(EMEA%2C%20APAC%20%26amp%3B%20US%20friendly%20times%20available)%3C%2FLI%3E%0A%3CLI%3ECommunity%20Docs%20Session%20%E2%80%93%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUOUdFR0U1STdGS0lXUDA2Sk1YSE1WMEtHSy4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2023%3CSUP%3Erd%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EPnP%20%E2%80%93%20SPFx%20Developer%20Workstation%20Setup%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUM0xJTFJZN01MWlZQVFc3UjgxRUxQQkhDSS4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2024%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%26nbsp%3B%20%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3EPnP%20SPFx%20Samples%20%E2%80%93%20Solving%20SPFx%20version%20differences%20using%20Node%20Version%20Manager%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUMDdKSjQxRDhKVzhCVUQ4VDdIQVZRVTZOSi4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2025%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EAsk%20Me%20Anything%20%E2%80%93%20Power%20Platform%20Development%20%26amp%3B%20Samples%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUNFJZNThMWFk0QlEzWFJNVE5aNVMzM1UwUi4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESeptember%2028%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EFirst%20Time%20Presenter%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUNDJOOU5JREc2TUhCVzNGTTJFUldSUUNUSy4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2030%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EMore%20than%20Code%20with%20VSCode%20%E2%80%93%20TBS%3C%2FLI%3E%0A%3CLI%3EMaturity%20Model%20Practitioners%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUODY3NVRFQ0E4SFg5WlI1TU83WFJQRklZSy4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAugust%2017%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%20and%20every%203%3CSUP%3Erd%3C%2FSUP%3E%20Tuesday%20of%20month%2C%207%3A00am%20PT%3C%2FLI%3E%0A%3CLI%3EPnP%20Office%20Hours%20%E2%80%93%201%3A1%20session%20-%20%3CA%20href%3D%22https%3A%2F%2Foutlook.office365.com%2Fowa%2Fcalendar%2FPnPSharingisCaring%40warner.digital%2Fbookings%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ERegister%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EPnP%20Buddy%20System%20-%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUMjRRUVg4NElZUUJLTEY1TVVSVDJFRFpLRS4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ERequest%20a%20Buddy%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3C%2FLI%3E%0A%3CLI%3EDownload%20the%20recurrent%20invite%20for%20this%20call%20%E2%80%93%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspdev-spfx-call%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fspdev-spfx-call%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EDemos%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EHero%20Web%20Part%20and%20Tiles%20V2%20Web%20Part%3C%2FSTRONG%3E%20%E2%80%93%20%3CSTRONG%3ETiles%20v2%3C%2FSTRONG%3E%20%E2%80%93%20displays%20a%20group%20of%20responsive%20flex%20tiles%20that%20can%20be%20configured%20to%20navigate%20to%20different%20URLs.%20%26nbsp%3B%26nbsp%3B%3CSTRONG%3EREACT%20Hero%3C%2FSTRONG%3E%20%E2%80%93%20provides%20a%20customizable%20Hero%20webpart%20that%20displays%205%20images%20in%20a%20stand-alone%20carousel%20view.%20%26nbsp%3B%26nbsp%3BBoth%20web%20parts%20use%20a%20stored%20collection%20from%20PnP%26nbsp%3BPropertyFieldCollectionData%26nbsp%3Bcontrol%20and%20custom%20field%20rendering%20control%2C%20file%2Ficon%20pickers%20and%20fluid%20flex%20layout.%20%26nbsp%3B%26nbsp%3BSite%20theme%20selectable%20in%20Tiles%20v2.%20%26nbsp%3BThorough%20code%20walkthrough.%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EExposing%20business%20data%20in%20Viva%20Connections%20or%20in%20SharePoint%20with%20custom%20diagram%20web%20parts%3C%2FSTRONG%3E%20%E2%80%93%20or%20in%20Microsoft%20Teams.%26nbsp%3B%20React%20diagraming%20web%20parts%20updated%20to%20v1.13.%26nbsp%3B%20Updates%20accommodate%20Dynamic%20Data%20Connections%2C%20full%20bleed%2C%20handling%20section%20color%20changes%2C%20Viva%20Connections%2C%20and%20to%20search%20content%20in%20web%20part.%20%26nbsp%3BWeb%20parts%20leverage%20libraries%2Fcode%20from%20Mermaid%2C%20flowchart.js%2C%20and%20js-sequence-diagrams%20along%20with%20the%20Monaco%20Editor%20and%20PnP%20markdown%20property%20pane%20to%20both%20generate%20diagrams%20and%20to%20overlay%20text%20on%20them.%3C%2FP%3E%0A%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%3E%3CSTRONG%3ESPFx%20extension%20samples%3A%26nbsp%3B%20(%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-extensions%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fspfx-extensions%3C%2FA%3E)%26nbsp%3B%3C%2FSTRONG%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-extensions%2Ftree%2Fmain%2Fsamples%2Freact-application-machine-translations%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMachine%20Translations%3C%2FA%3E%20-%20%3C%2FSTRONG%3E%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fromiszewski%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EMicha%C5%82%20Romiszewski%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40romiszewski%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3C%2FDIV%3E%0A%3CP%3E%3CSTRONG%3ESPFx%20web%20part%20samples%3A%26nbsp%3B%20(%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fspfx-webparts%3C%2FA%3E)%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-datatable%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EDatatable%3C%2FA%3E%3C%2FSTRONG%3E%20-%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2FAbderahman88%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EAbderahman%20Moujahid%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40Abderahman88%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-hero-webpart%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EHero%20Web%20Part%3C%2FA%3E%3C%2FSTRONG%3E%20-%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fomarelanis%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EOmar%20El-Anis%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40omarelanis%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-cross-device-data%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ECross-Device%20Data%3C%2FA%3E%3C%2FSTRONG%3E%26nbsp%3B(link%20pending)%20-%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fdelucagiulian%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EGiuliano%20De%20Luca%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1038317%22%20target%3D%22_blank%22%3E%40delucagiulian%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-diagram-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EDiagrams%3C%2FA%3E%3C%2FSTRONG%3E%26nbsp%3B(link%20pending)%20-%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fbernierh%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EHugo%20Bernier%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40bernierh%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3EThank%20you%20for%20your%20great%20work.%26nbsp%3B%20Samples%20are%20often%20showcased%20in%20Demos.%26nbsp%3B%20%26nbsp%3B%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EAgenda%20items%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3ESharePoint%20Framework%20-%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%40mediocrebowler%3C%2FSPAN%3E%26nbsp%3B-%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D436%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E7%3A16%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3EPnPjs%20Client-Side%20Libraries%20-%3CSPAN%3E%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%40mediocrebowler%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D611%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E10%3A11%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3ECLI%20for%20Microsoft%20365%20-%20%3CSPAN%3E%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%40mediocrebowler%3C%2FSPAN%3E%26nbsp%3B%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D707%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E11%3A47%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3EPnP%20SPFx%20Controls%20-%3CSPAN%3E%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%40mediocrebowler%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D788%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E13%3A08%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3EPnP%20Modern%20Search%20-%3CSPAN%3E%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fmediocrebowler%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPatrick%20Rodgers%3C%2FA%3E%20(Microsoft)%20%40mediocrebowler%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D838%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E13%3A58%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3E%3CSPAN%3EP%3C%2FSPAN%3EnP%20SPFx%20Samples%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftwitter.com%2Fbernierh%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EHugo%20Bernier%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(Tahoe%20Ninjas)%20%7C%20%40bernierh%26nbsp%3B%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D900%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E15%3A00%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EDemos%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EDemo%3A%3C%2FSTRONG%3E%26nbsp%3B%20Hero%20Web%20Part%20and%20Tiles%20V2%20Web%20Part%26nbsp%3B%E2%80%93%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fomarelanis%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EOmar%20El-Anis%3C%2FA%3E%20%7C%20%40omarelanis%26nbsp%3B%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%E2%80%93%3C%2FSPAN%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D1092%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E18%3A12%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%20style%3D%22font-family%3A%20inherit%3B%22%3EDemo%3A%3C%2FSTRONG%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%26nbsp%3B%20Exposing%20business%20data%20in%20Viva%20Connections%20or%20in%20SharePoint%20with%20custom%20diagram%20web%20parts%20%E2%80%93%20%3C%2FSPAN%3E%3CA%20style%3D%22font-family%3A%20inherit%3B%20background-color%3A%20%23ffffff%3B%22%20href%3D%22http%3A%2F%2Ftwitter.com%2Fbernierh%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EHugo%20Bernier%3C%2FA%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%26nbsp%3B(Microsoft)%20%7C%20%40bernierh%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%E2%80%93%3C%2FSPAN%3E%3CSPAN%20style%3D%22font-family%3A%20inherit%3B%22%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FBMXZlYtyKp4%3Ft%3D2472%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E41%3A12%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EResources%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3EAdditional%20resources%20around%20the%20covered%20topics%20and%20links%20from%20the%20slides.%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CP%3EOmar%E2%80%99s%20blog%20%E2%80%93%20%3CA%20href%3D%22http%3A%2F%2Fwww.spdeveloper.co.uk%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ESP%20Bytes%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ESample%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-hero-webpart%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EHero%20web%20part%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ESample%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-tiles-v2%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ETiles%20V2%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EControls%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fsp-dev-fx-property-controls%2Fcontrols%2FPropertyFieldCollectionData.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPropertyFieldCollectionData%20control%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EHugo%E2%80%99s%20Repo%20-%20%3CA%20href%3D%22http%3A%2F%2Fgithub.com%2Fhugoabernier%2Freact-diagram-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EReact%20Diagram%20Web%20Parts%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EGallery%20-%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharePoint%20Framework%20Client-Side%20Web%20Part%20Samples%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ETool%20-%20%3CA%20href%3D%22https%3A%2F%2Fmermaid-js.github.io%2Fmermaid%2F%23%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EAbout%20Mermaid%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ELibrary%20-%20%3CA%20href%3D%22https%3A%2F%2Fbramp.github.io%2Fjs-sequence-diagrams%2F%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ejs-sequence-diagrams%26nbsp%3B%3C%2FA%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ETool%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fflowchart.js.org%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Eflowchart.js%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EEditor%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fmicrosoft.github.io%2Fmonaco-editor%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EMonaco%20Editor%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EPnP%2FSPFx-property-controls%20-%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fsp-dev-fx-property-controls%2Fcontrols%2FPropertyPaneMarkdownContent.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPropertyPaneMarkdownContent%20control%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3EPnP%2FSPFx-controls-react%20-%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fsp-dev-fx-controls-react%2Fcontrols%2FPlaceholder%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPlaceholder%20control%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EGeneral%20Resources%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3EViva%20Connections%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FVivaConnections%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2FVivaConnections%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EArchives%20-%20Microsoft%20365%20PnP%20Weekly%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPLR9nK3mnD-OVYI-St_CBiFfuL4CZbBpkC%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EVideos%3C%2FA%3E%2C%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fpnpweekly.podbean.com%2F%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EPodcasts%3C%2FA%3E%26nbsp%3B%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3ETools%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fteams-toolkit%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ETeams%20Toolkit%20(v2.2%20Preview)%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3E%3CP%3ETools%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fofficedev%2Fteamsfx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20Teams%20Framework%20(TeamsFx)%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3EGallery%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365%2Fextensibility%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20365%20Extensibility%20look%20book%20gallery%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%26nbsp%3B%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fmodernworkbuildsessions%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20Build%20sessions%20guide%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(Modern%20Work%20Digital%20Brochure)%20-%20aka.ms%2Fmodernworkbuildsessions%3C%2FLI%3E%0A%3CLI%3ESharePoint%20Framework%20-%20v1.12.1%20npm%20install%20%E2%80%93g%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F41501%22%20target%3D%22_blank%22%3E%40microsoft%3C%2FA%3E%2Fgenerator-sharepoint%40next%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Foffice%2Fblogs%2Fcli-microsoft-365-3%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ECLI%20for%20Microsoft%20365%20v3%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fcodetour%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ECodeTour%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fsharing-is-caring%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharing%20is%20Caring%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%7C%20aka.ms%2Fsharing-is-caring%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fpnp-search%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ETools%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FA%3E%3CA%20href%3D%22https%3A%2F%2Fmicrosoft-search.github.io%2Fpnp-modern-search%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPnP%20Modern%20Search%20v4%3C%2FA%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fpnp-search%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%26nbsp%3B%20%7C%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FA%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fpnp-search%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fpnp-search%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365pnp%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EM365%20PnP%20site%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%7C%20aka.ms%2Fm365pnp%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-starter-kit%2Ftree%2Fv2%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharePoint%20Starter%20Kit%20v2%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EBlog%3A%20%22%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FmgtLap%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EA%20Lap%20Around%20Microsoft%20Graph%20Toolkit%22%20blog%20series%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fblogs%2Fnew-microsoft-365-patterns-and-practices-pnp-team-model-with-new-community-leads%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ENew%20Microsoft%20365%20Patterns%20and%20Practices%20(PnP)%20team%20model%20with%20new%20community%20leads%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fm365-community-docs%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20365%20Community%20Content%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(non-Dev%20docs)%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspfx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EPnP%20SPFx%20web%20part%20samples%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspfx-extensions%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EPnP%20SPFx%20extension%20samples%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fpnpjs%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EGitHub%20PnPjs%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3ETutorials%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EGetting%20started%20with%20SharePoint%20Framework%20v1.10%20Tutorials%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(12%20videos)%3C%2FLI%3E%0A%3CLI%3ETutorials%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EGetting%20started%20with%20SharePoint%20Framework%20v1.10%20Extensions%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(6%20videos)%3C%2FLI%3E%0A%3CLI%3EDocs%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fsharepoint%2Fdev%2Ftraining%2Ftraining%2F%3Fwt.mc_id%3DYT_CCrecording%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ETutorials%20and%20training%20material%20for%20SharePoint%20Development%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-training%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESPFX%20Training%20Package%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESPFx%20Web%20Parts%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspfx-extensions%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESPFx%20Extensions%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspfx-library-components%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESPFx%20Library%20Components%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EDocumentation%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fpnpjs%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPnPjs%20v2%20documentation%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3ELink%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FM365DevTraining%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20365%20developer%20training%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3ELink%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FO365DevProgram%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EOffice%20365%20Developer%20Program%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspdev-docs%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3ELatest%20documentation%20on%20SharePoint%20Framework%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EFound%20an%20issue%20with%20SharePoint%20Dev%3F%20-%20please%20let%20us%20know%20at%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspdev-issues%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3Ehttp%3A%2F%2Faka.ms%2Fspdev-issues%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.github.io%2Fsp-dev-fx-property-controls%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EReusable%20web%20part%20property%20controls%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.github.io%2Fsp-dev-fx-controls-react%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EReusable%20react%20controls%20for%20SharePoint%20Framework%20solutions%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Fblogs%2Fwebcast-reusable-controls-for-your-sharepoint-framework-solutions%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3EReusable%20controls%20webcast%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.github.io%2Foffice365-cli%2F%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%20nofollow%22%3EOffice%20365%20CLI%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fgenerator-spfx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EPnP%20SPFx%20Yeoman%20Generator%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E-%20Extends%20the%20out-of-the-box%20experience%20with%20open-source%20community%20capabilities%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Faka.ms%2Fspdev-uservoice%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3ESharePoint%20Dev%20UserVoice%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E-%20for%20new%20feature%20requests%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EOther%20mentioned%20topics%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2F%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3ESharePoint%20dev%20documentation%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-docs%2Fissues%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3ESharePoint%20dev%20issue%20list%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EUpcoming%20calls%20%7C%20Recurrent%20invites%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CSTRONG%3EM365%20General%20Dev%20call%20%3C%2FSTRONG%3E%E2%80%93%20August%205%3CSUP%3Eth%3C%2FSUP%3E%20at%207%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365-dev-sig%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fm365-dev-sig%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3EOffice%20add-in%20monthly%20call%20%3C%2FSTRONG%3E%E2%80%93%20August%2011%3CSUP%3Eth%3C%2FSUP%3E%20at%208%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fofficeaddinscall%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fofficeaddinscall%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3ESharePoint%20Framework%20call%20%3C%2FSTRONG%3E%E2%80%93%20August%2012%3CSUP%3Eth%3C%2FSUP%3E%20at%207%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspdev-spfx-call%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fspdev-spfx-call%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3EAdaptive%20Cards%20monthly%20call%20%3C%2FSTRONG%3E%E2%80%93%20August%2012%3CSUP%3Eth%3C%2FSUP%3E%20at%209%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fadaptivecardscommunitycall%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fadaptivecardscommunitycall%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3EPower%20Apps%20monthly%20call%20%3C%2FSTRONG%3E%E2%80%93%20August%2018%3CSUP%3Eth%3C%2FSUP%3E%20at%208%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FPowerAppsMonthlyCall%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2FPowerAppsMonthlyCall%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3EMicrosoft%20Identity%20Platform%20%3C%2FSTRONG%3E%E2%80%93%20August%2019%3CSUP%3Eth%3C%2FSUP%3E%20at%209%3A00%20am%20PDT%20%7C%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2FIDDevCommunityCalendar%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2FIDDevCommunityCalendar%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EPnP%20SharePoint%20Framework%20Special%20Interest%20Group%20bi-weekly%20calls%20are%20targeted%20at%20anyone%20who%20is%20interested%20in%20the%20JavaScript-based%20development%20towards%20Microsoft%20Teams%2C%20SharePoint%20Online%2C%20and%20also%20on-premises.%20SIG%20calls%20are%20used%20for%20the%20following%20objectives.%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3ESharePoint%20Framework%20engineering%20update%20from%20Microsoft%3C%2FLI%3E%0A%3CLI%3ETalk%20about%20PnP%20JavaScript%20Core%20libraries%3C%2FLI%3E%0A%3CLI%3EOffice%20365%20CLI%20Updates%3C%2FLI%3E%0A%3CLI%3ESPFx%20reusable%20controls%3C%2FLI%3E%0A%3CLI%3EPnP%20SPFx%20Yeoman%20generator%3C%2FLI%3E%0A%3CLI%3EShare%20code%20samples%20and%20best%20practices%3C%2FLI%3E%0A%3CLI%3EPossible%20engineering%20asks%20for%20the%20field%20-%20input%2C%20feedback%2C%20and%20suggestions%3C%2FLI%3E%0A%3CLI%3ECover%20any%20open%20questions%20on%20the%20client-side%20development%3C%2FLI%3E%0A%3CLI%3EDemonstrate%20SharePoint%20Framework%20in%20practice%20in%20Microsoft%20Teams%20or%20SharePoint%20context%3C%2FLI%3E%0A%3CLI%3EYou%20can%20download%20a%20recurrent%20invite%20from%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fspdev-spfx-call%22%20target%3D%22_blank%22%20rel%3D%22noreferrer%20noopener%22%3Ehttps%3A%2F%2Faka.ms%2Fspdev-spfx-call%3C%2FA%3E.%20Welcome%20and%20join%20the%20discussion!%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%3CEM%3E%E2%80%9CSharing%20is%20caring%E2%80%9D%3C%2FEM%3E%3C%2FP%3E%0A%3CHR%20%2F%3E%0A%3CP%3E%3CEM%3EMicrosoft%20365%20PnP%20team%2C%20Microsoft%20-%2029th%20of%20July%202021%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2481295%22%20slang%3D%22en-US%22%3E%3CP%3EDemoed%20Hero%20Web%20Part%20and%20Tiles%20V2%20Web%20Part%26nbsp%3Band%20Exposing%20business%20data%20in%20Viva%20Connections%20or%20in%20SharePoint%20with%20custom%20diagram%20web%20parts.%20%26nbsp%3BDelivered%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fviva%2Fconnections%2Fdeveloper%2Fpreview%22%20rel%3D%22noopener%20noreferrer%22%20target%3D%22_blank%22%3EViva%20Connections%20public%20developer%20preview%3C%2FA%3E%2C%20%3CSTRONG%3ESharePoint%20Framework%20v1.13%20beta%3C%2FSTRONG%3E%20and%20five%20%3CSTRONG%3EPnP%20SPFx%20samples%3C%2FSTRONG%3E!%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2481295%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ECommunity%20call%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Co-Authors
Version history
Last update:
‎Jul 29 2021 04:59 PM
Updated by: