Different Ways of Customizing the Modern Environment

This post explains different ways of customizing the modern environment.

Ways to customize the Modern Environment

1. Using direct Modern Pages, Sites Comm, Team and Hub sites, Modern WPs like Hero, News, Content Highlighting, People and much more modern options, Modern Lists/Libraries, Modern Publishing, etc.

2. SharePoint Framework development using a Webpart

3. SharePoint Framework development using Extension

4. SharePoint Framework development using Add-ins

5. SharePoint Framework with PnP PowerShell

6. Using CSOM

7. Using SPHttpclient

8. Use PnP JSCore https://github.com/SharePoint/PnP-JS-Core

9. Using SharePoint PowerShell https://docs.microsoft.com/en-us/powershell/module/sharepoint-online/?view=sharepoint-ps

10. Using PnP https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/?view=sharepoint-ps

11. Model Page with PnP JS/PnP

12. Using SPPnpJs

Links: https://www.c-sharpcorner.com/article/sharepoint-framework-transition-to-pnp47sp-from-sp-pnp-js/

Sp-pnp-js was introduced to simplify common operations with SharePoint and SPFx. However, it was one big bulky file with all functionalities together. SharePoint Patterns and Practices (PnP) have broken it into multiple packages that give developers more control and brought in only required pieces to their solutions. As the old sp-pnp-js package is deprecated, to align with future updates it is advisable to start using new @pnp/sp packages and start transitioning old solutions to new @pnp/sp packages.

13. Modern UI Scanner http://aka.ms/sppnp-modernuiscanner

14. Adding Custom Actions with SPFx