SharePoint Framework Community Call – 9th of September, 2021

Published Sep 10 2021 01:27 AM 1,619 Views
Microsoft

spfx-call-9th-sep-recording.png

 

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

 

A reminder to tune in each Tuesday for the new Microsoft 365 platform community call.  Don’t forget to sign up and attend training events hosted by Sharing is Caring.   Let’s celebrate your work, register for the PnP Recognition Program.   SharePoint Framework 1.13 public developer preview - new version of SPFx v1.13 - Beta.20, is out now!   Also released as you read this - PnPjs Client-Side Libraries v2.9.0.  

 

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, v1.13 Beta Viva.20  
PnPjs Client-Side Libraries v2.9.0

v3.0.0 developments underway

CLI for Microsoft 365 v3.13.0 Preview, v4.0.0 Preview 

v4.0.0 GA to release end September

Reusable SPFx React Controls

v2.9.0 (SPFx v1.11), v3.3.0 (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 Release expected week of Sept 13th

 

Two PnP SPFx samples were delivered in the last 2 weeks as well.  There is a new samples repository for Adaptive Card Extensions (ACE) - aka.ms/spfx-aces.  Thank you all for your contributions!   The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler.  Q&A takes place as always in chat throughout the call.

 

Thank you everybody for being part of this call, the community, a tweet, a blog post, and the solution to your customer's needs.  

 

Actions:

 

Demos:

  • Hyperscript Tagged Markup (HTM) Templating – approaches to web part UI development – use a UI framework or use a templating system.  Option C:  React HTM Templating web part - uses Fluent UI components written in React, no wrapper required.  Renders the React control as a template.  Essentially JS code evaluated through the Function constructor.  Review properties, HTML editing, and code in the demo of this PnP sample. 

  • Modernize your SharePoint Framework projects – see steps to take an existing SPFx project using TSLint and move it over to ESLint and dump IE11 at same time.  Install and configure ESLint, and update gulp tasks - effectively telling TypeScript complier to use modern js target and update referenced libraries.   Then appreciate Andrew’s ESLint preset for SPFx that automates the update!  Bonus - updating yields smaller and faster bundles.

  • Building advanced image gallery experience with SharePoint Framework – this Lightbox Image Gallery web part, connects to SharePoint document/picture library, handles folders/sub-folders, has breadcrumb navigation, and lightbox-style image browsing.  Works with Viva desktop in Microsoft Teams as well.   Developed using SharePoint Framework (SPFx) and PnPjs.  Code structure is reviewed.  From property pane, select document or image library to connect.  Demonstrates how with little code and using PnP components, one can deliver an elegant result! 

     

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:  Hyperscript Tagged Markup (HTM) Templating – Fabio Franzini | @franzinifabio – 13:15

  • Demo:  Modernize your SharePoint Framework projects – Andrew Connell (Voitanos) | @andrewconnell – 26:38

  • Demo:  Building advanced image gallery experience with SharePoint Framework – Yannick Reekmans (Qubix) | @YannickReekmans – 41:26

 

Resources:

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

 

General Resources:

 

Other mentioned topics:

 

Upcoming calls | Recurrent invites:  (Subject to Updates in September)

 

 

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 - 10th of September 2021

%3CLINGO-SUB%20id%3D%22lingo-sub-2737010%22%20slang%3D%22en-US%22%3ESharePoint%20Framework%20Community%20Call%20%E2%80%93%209th%20of%20September%2C%202021%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2737010%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22spfx-call-9th-sep-recording.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F309554iC64349BCB08F6677%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22spfx-call-9th-sep-recording.png%22%20alt%3D%22spfx-call-9th-sep-recording.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ESharePoint%20Framework%20Special%20Interest%20Group%20(SIG)%20bi-weekly%20community%20call%20recording%20from%20September%209th%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%252FEIEFIL99WLc%26amp%3Bdisplay_name%3DYouTube%26amp%3Burl%3Dhttps%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253DEIEFIL99WLc%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%3EA%20reminder%20to%20tune%20in%20each%20Tuesday%20for%20the%20new%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365-dev-call%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20365%20platform%20community%20call%3C%2FA%3E.%26nbsp%3B%20Don%E2%80%99t%20forget%20to%20sign%20up%20and%20attend%20training%20events%20hosted%20by%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%20is%20Caring%3C%2FA%3E%3CSPAN%3E.%3C%2FSPAN%3E%20%26nbsp%3B%26nbsp%3BLet%E2%80%99s%20celebrate%20your%20work%2C%20register%20for%20the%20%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.%20%26nbsp%3B%26nbsp%3B%3CSTRONG%3ESharePoint%20Framework%3C%2FSTRONG%3E%201.13%20public%20developer%20preview%20-%20new%20version%20of%20SPFx%20v1.13%20-%20Beta.20%2C%20is%20out%20now!%20%26nbsp%3B%26nbsp%3BAlso%20released%20as%20you%20read%20this%20-%20%3CSTRONG%3EPnPjs%20Client-Side%20Libraries%3C%2FSTRONG%3E%20v2.9.0.%26nbsp%3B%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%2257px%22%3ESharePoint%20Framework%20(SPFx)%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3Ev1.12.1%20GA%2C%26nbsp%3B%3CSTRONG%3Ev1.13%20Beta%20Viva.20%3C%2FSTRONG%3E%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3E%26nbsp%3B%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3EPnPjs%20Client-Side%20Libraries%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3E%3CSTRONG%3Ev2.9.0%3C%2FSTRONG%3E%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3E%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.13.0%20Preview%2C%26nbsp%3Bv4.0.0%20Preview%26nbsp%3B%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%3E%3CP%3Ev4.0.0%20GA%20to%20release%20end%20September%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%3EReusable%20SPFx%20React%20Controls%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3E%3CP%3Ev2.9.0%20(SPFx%20v1.11)%2C%20v3.3.0%20(SPFx%20v1.12.1)%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3E%26nbsp%3B%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%22%3EReusable%20SPFx%20React%20Property%20Controls%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2257px%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%2257px%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%3EPnP%20SPFx%20Generator%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%22%3Ev1.16.0%3C%2FTD%3E%0A%3CTD%20width%3D%2233.333333333333336%25%22%20height%3D%2230px%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%3CSTRONG%3ERelease%20expected%20week%20of%20Sept%2013%3CSUP%3Eth%3C%2FSUP%3E%20%3C%2FSTRONG%3E%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%3ETwo%20%3CSTRONG%3EPnP%20SPFx%20samples%3C%2FSTRONG%3E%20were%20delivered%20in%20the%20last%202%20weeks%20as%20well.%26nbsp%3B%20There%20is%20a%20new%20samples%20repository%20for%20Adaptive%20Card%20Extensions%20(ACE)%20-%20aka.ms%2Fspfx-aces.%26nbsp%3B%20Thank%20you%20all%20for%20your%20contributions!%26nbsp%3B%20%26nbsp%3BThe%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%20as%20always%20in%20chat%20throughout%20the%20call.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThank%20you%20everybody%20for%20being%20part%20of%20this%20call%2C%20the%20community%2C%20a%20tweet%2C%20a%20blog%20post%2C%20and%20the%20solution%20to%20your%20customer's%20needs.%20%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%3EOpt%20in%20to%20PnP%20Recognition%20Program%20%7C%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365pnp-recognition%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fm365pnp-recognition%3C%2FA%3E%3C%2FLI%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%3ESeptember%2021%3CSUP%3Est%3C%2FSUP%3E%3C%2FA%3E%20(EMEA%2C%20APAC%20%26amp%3B%20US%20friendly%20times%20available)%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CUL%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%3EOctober%205%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3EPnP%20%E2%80%93%20SPFx%20Developer%20Workstation%20Setup%20%E2%80%93%20TBS%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%3ESeptember%2028%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3EAsk%20Me%20anything%20(AMA)%20%E2%80%93%20Script%20Samples%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdURjNZTDA4VEJGNUYyMVlCNkZUVzlYQ0FaQy4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESeptember%2014%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EAsk%20Me%20Anything%20(AMA)%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%3EAsk%20Me%20Anything%20(AMA)%20%E2%80%93%20List%20Formatting%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUNTVHSFFMRDdDSjA0MklUSUtTQ0IxMFpPNS4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EOctober%205%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%3EOctober%2012%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EMore%20than%20Code%20with%20VSCode%20%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fforms.office.com%2FPages%2FResponsePage.aspx%3Fid%3DKtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdURFZPM00xREdYMzVIOEJCWUhWRzBVMlRJWS4u%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESeptember%2014%3CSUP%3Eth%3C%2FSUP%3E%3C%2FA%3E%26nbsp%3B%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%3ESeptember%2021%3CSUP%3Est%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%E2%80%93%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%3C%2FUL%3E%0A%3CUL%3E%0A%3CLI%3EPnP%20Buddy%20System%20%E2%80%93%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%3EHyperscript%20Tagged%20Markup%20(HTM)%20Templating%20%E2%80%93%3C%2FSTRONG%3E%20approaches%20to%20web%20part%20UI%20development%20%E2%80%93%20use%20a%20UI%20framework%20or%20use%20a%20templating%20system.%26nbsp%3B%20Option%20C%3A%26nbsp%3B%20React%20HTM%20Templating%20web%20part%20-%20uses%20Fluent%20UI%20components%20written%20in%20React%2C%20no%20wrapper%20required.%26nbsp%3B%20Renders%20the%20React%20control%20as%20a%20template.%26nbsp%3B%20Essentially%20JS%20code%20evaluated%20through%20the%20Function%20constructor.%26nbsp%3B%20Review%20properties%2C%20HTML%20editing%2C%20and%20code%20in%20the%20demo%20of%20this%20PnP%20sample.%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EModernize%20your%20SharePoint%20Framework%20projects%20%E2%80%93%3C%2FSTRONG%3E%20see%20steps%20to%20take%20an%20existing%20SPFx%20project%20using%20TSLint%20and%20move%20it%20over%20to%20ESLint%20and%20dump%20IE11%20at%20same%20time.%26nbsp%3B%20Install%20and%20configure%20ESLint%2C%20and%20update%20gulp%20tasks%20-%20effectively%20telling%20TypeScript%20complier%20to%20use%20modern%20js%20target%20and%20update%20referenced%20libraries.%20%26nbsp%3B%26nbsp%3BThen%20appreciate%20Andrew%E2%80%99s%20ESLint%20preset%20for%20SPFx%20that%20automates%20the%20update!%26nbsp%3B%20Bonus%20-%20updating%20yields%20smaller%20and%20faster%20bundles.%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EBuilding%20advanced%20image%20gallery%20experience%20with%20SharePoint%20Framework%20%E2%80%93%3C%2FSTRONG%3E%20this%20Lightbox%20Image%20Gallery%20web%20part%2C%20connects%20to%20SharePoint%20document%2Fpicture%20library%2C%20handles%20folders%2Fsub-folders%2C%20has%20breadcrumb%20navigation%2C%20and%20lightbox-style%20image%20browsing.%20%26nbsp%3BWorks%20with%20Viva%20desktop%20in%20Microsoft%20Teams%20as%20well.%26nbsp%3B%20%26nbsp%3BDeveloped%20using%20SharePoint%20Framework%20(SPFx)%20and%20PnPjs.%26nbsp%3B%20Code%20structure%20is%20reviewed.%26nbsp%3B%20From%20property%20pane%2C%20select%20document%20or%20image%20library%20to%20connect.%20%26nbsp%3BDemonstrates%20how%20with%20little%20code%20and%20using%20PnP%20components%2C%20one%20can%20deliver%20an%20elegant%20result!%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3C%2FUL%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%2Fjs-share-to-teams%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EShare%20to%20Teams%3C%2FA%3E%20-%20%3C%2FSTRONG%3E%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fsanganikunj%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EKunj%20Sangani%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40sanganikunj%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-myonedrive%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EAt%20a%20Glance%3C%2FA%3E%20-%20%3C%2FSTRONG%3E%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fanooptells%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EAnoop%20Tatti%3C%2FA%3E%26nbsp%3B%7C%26nbsp%3B%40anooptells%26nbsp%3B%20(Link%20to%20My%20OneDrive%20sample%20is%20correct)%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%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fvesajuvonen%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EVesa%20Juvonen%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E(Microsoft)%20%40vesajuvonen%26nbsp%3B-%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D384%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E6%3A24%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3EPnPjs%20Client-Side%20Libraries%20-%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fjfj1997%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3EJulie%20Turner%3C%2FA%3E%26nbsp%3B(Sympraxis%20Consulting)%20%40jfj1997%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D472%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E7%3A52%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3ECLI%20for%20Microsoft%20365%20-%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%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%26nbsp%3B(Microsoft)%20%40mediocrebowler%3C%2FSPAN%3E%26nbsp%3B%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D545%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E9%3A05%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%26nbsp%3B(Microsoft)%20%40mediocrebowler%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D586%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E9%3A46%3C%2FA%3E%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%3EPnP%20Modern%20Search%20-%3CSPAN%3E%26nbsp%3B%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%26nbsp%3B(Microsoft)%20%40mediocrebowler%26nbsp%3B%3C%2FSPAN%3E%E2%80%93%3CSPAN%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D639%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E10%3A39%3C%2FA%3E%26nbsp%3B%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%2FEIEFIL99WLc%3Ft%3D685%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E11%3A25%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%20Hyperscript%20Tagged%20Markup%20(HTM)%20Templating%20%E2%80%93%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Ffranzinifabio%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EFabio%20Franzini%3C%2FA%3E%26nbsp%3B%7C%20%40franzinifabio%26nbsp%3B%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D795%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E13%3A15%3C%2FA%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EDemo%3A%3C%2FSTRONG%3E%26nbsp%3B%20Modernize%20your%20SharePoint%20Framework%20projects%20%E2%80%93%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2Fandrewconnell%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EAndrew%20Connell%3C%2FA%3E%20(Voitanos)%26nbsp%3B%7C%20%40andrewconnell%26nbsp%3B%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D1598%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E26%3A38%3C%2FA%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3E%3CSTRONG%3EDemo%3A%3C%2FSTRONG%3E%26nbsp%3B%20Building%20advanced%20image%20gallery%20experience%20with%20SharePoint%20Framework%20%E2%80%93%20%3CA%20href%3D%22http%3A%2F%2Ftwitter.com%2FYannickReekmans%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EYannick%20Reekmans%3C%2FA%3E%20(Qubix)%26nbsp%3B%7C%20%40YannickReekmans%26nbsp%3B%E2%80%93%20%3CA%20href%3D%22https%3A%2F%2Fyoutu.be%2FEIEFIL99WLc%3Ft%3D2486%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E41%3A26%3C%2FA%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%3ED1%3A%26nbsp%3B%20Sample%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fpnp%2Fsp-dev-fx-webparts%2Ftree%2Fmain%2Fsamples%2Freact-htm-templating%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EReact%20HTM%20(Hyperscript%20Tagged%20Markup)%20Templating%3C%2FA%3E%26nbsp%3B%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED2%3A%26nbsp%3B%20Article%20-%20%3CA%20href%3D%22https%3A%2F%2Fvtns.io%2Fditch-eslint-spfx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EGet%20with%20the%20times%20%26amp%3B%20ditch%20TSLint%20in%20favor%20of%20ESLint%20in%20SharePoint%20Framework%20projects%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED2%3A%26nbsp%3B%20Article%20-%20%3CA%20href%3D%22https%3A%2F%2Fvtns.io%2Fditch-eslint-spfx-preset%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EDitch%20TSLint%20for%20ESLint%20in%20SPFx%20projects%20in%20one%20simple%20step%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED2%3A%26nbsp%3B%20Article%20-%20%3CA%20href%3D%22https%3A%2F%2Fvtns.io%2Fdisable-ie11-spfx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EOptimize%20bundles%20by%20disabling%20IE11%20support%20in%20SPFx%20projects%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED3%3A%26nbsp%3B%20Article%20-%20%3CA%20href%3D%22https%3A%2F%2Fblog.yannickreekmans.be%2Fspfx-lightbox-image-gallery-web-part-v1-0-0%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ESPFx%20Lightbox%20Image%20Gallery%20web%20part%2C%20v1.0.0%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED3%3A%26nbsp%3B%20Repo%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FYannickRe%2Fspfx-lightbox-image-gallery%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ESharePoint%20Lightroom%20Image%20Gallery%20Web%20Part%3C%2FA%3E%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED3%3A%26nbsp%3B%20Library%20-%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fpnpjs%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EPnP%2FPnPjs%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED3%3A%26nbsp%3B%20Controls%20-%20%3CA%20href%3D%22https%3A%2F%2Fpnp.github.io%2Fsp-dev-fx-controls-react%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EReusable%20React%20controls%20for%20your%20SharePoint%20Framework%20solutions%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FLI%3E%0A%3CLI%3E%3CP%3ED3%3A%26nbsp%3B%20Package%20-%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FVLZH%2Freact-lightgallery%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ereact%20wrapper%20for%3A%20lightgallery.js%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%26nbsp%3B%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CEM%3E(Subject%20to%20Updates%20in%20September)%3C%2FEM%3E%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CSTRONG%3EMicrosoft%20365%20platform%20call%3C%2FSTRONG%3E%26nbsp%3B%E2%80%93%26nbsp%3BSeptember%2014%3CSUP%3Eth%3C%2FSUP%3E%20at%208%3A00%20am%20PDT%20%7C%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fm365-dev-call%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Faka.ms%2Fm365-dev-call%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CSTRONG%3EPower%20Apps%20monthly%20call%26nbsp%3B%3C%2FSTRONG%3E%E2%80%93%20September%2015%3CSUP%3Eth%3C%2FSUP%3E%26nbsp%3Bat%208%3A00%20am%20PDT%20%7C%26nbsp%3B%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%3EM365%20General%20Dev%20call%20%E2%80%93%26nbsp%3B%3C%2FSTRONG%3ESeptember%26nbsp%3B16%3CSUP%3Eth%3C%2FSUP%3E%20at%207%3A00%20am%20PDT%20%7C%26nbsp%3B%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%3EMicrosoft%20Identity%20Platform%20call%20%E2%80%93%20%3C%2FSTRONG%3ESeptember%2016%3CSUP%3Eth%3C%2FSUP%3E%26nbsp%3Bat%209%3A00%20am%20PDT%20%7C%26nbsp%3B%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%3CLI%3E%3CSTRONG%3ESharePoint%20Framework%20call%20%E2%80%93%20%3C%2FSTRONG%3ESeptember%2023%3CSUP%3Erd%3C%2FSUP%3E%20at%207%3A00%20am%20PDT%20%7C%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%3CLI%3E%3CSTRONG%3EOffice%20add-in%20monthly%20call%20%3C%2FSTRONG%3E%E2%80%93%26nbsp%3BOctober%2013%3CSUP%3Eth%3C%2FSUP%3E%26nbsp%3Bat%208%3A00%20am%20PDT%20%7C%26nbsp%3B%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%3EAdaptive%20Cards%20monthly%20call%20%3C%2FSTRONG%3E%E2%80%93%26nbsp%3BOctober%2014%3CSUP%3Eth%3C%2FSUP%3E%26nbsp%3Bat%209%3A00%20am%20PDT%20%7C%26nbsp%3B%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%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-%2010th%20of%20September%202021%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2737010%22%20slang%3D%22en-US%22%3E%3CP%3EDemos%20-%20Building%20advanced%20image%20gallery%20experience%20with%20SharePoint%20Framework%2C%20Hyperscript%20Tagged%20Markup%20(HTM)%20Templating%2C%20and%20Modernize%20your%20SharePoint%20Framework%20projects.%26nbsp%3B%20%26nbsp%3BReleased%20%3CSTRONG%3ESPFx%3C%2FSTRONG%3E%20v1.13%20-%20Beta.20%2C%20%3CSTRONG%3EPnPjs%20Client-Side%20Libraries%3C%2FSTRONG%3E%20v2.9.0%20and%20two%20%3CSTRONG%3ESPFx%20samples%3C%2FSTRONG%3E%20this%20week.%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2737010%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:
‎Sep 10 2021 01:27 AM
Updated by: