SharePoint Framework Reference Guide

SPFx stands for SharePoint Framework - https://learn.microsoft.com/en-us/javascript/api/overview/sharepoint?view=sp-typescript-latest 

Below are the packages of SPFx and we are using them while using SPFx framework for development in our day-to-day activities.

.'@microsoft/decorators' - https://learn.microsoft.com/en-us/javascript/api/decorators?view=sp-typescript-latest

'@microsoft/sp-core-library' - https://learn.microsoft.com/en-us/javascript/api/sp-core-library?view=sp-typescript-latest


'@microsoft/sp-component-base package' - https://learn.microsoft.com/en-us/javascript/api/sp-component-base?view=sp-typescript-latest

'@microsoft/sp-application-base package' - https://learn.microsoft.com/en-us/javascript/api/sp-application-base?view=sp-typescript-latest

'@microsoft/sp-dynamic-data package' - https://learn.microsoft.com/en-us/javascript/api/sp-dynamic-data?view=sp-typescript-latest

'@microsoft/sp-extension-base package' - https://learn.microsoft.com/en-us/javascript/api/sp-extension-base?view=sp-typescript-latest


'@microsoft/sp-dialog' - https://learn.microsoft.com/en-us/javascript/api/sp-dialog?view=sp-typescript-latest


'@microsoft/sp-http' - https://learn.microsoft.com/en-us/javascript/api/sp-http?view=sp-typescript-latest

'@microsoft/sp-http-base package' - https://learn.microsoft.com/en-us/javascript/api/sp-http-base?view=sp-typescript-latest


'@microsoft/sp-http-msgraph package' - https://learn.microsoft.com/en-us/javascript/api/sp-http-msgraph?view=sp-typescript-latest

'@microsoft/sp-image-helper package' - https://learn.microsoft.com/en-us/javascript/api/sp-image-helper?view=sp-typescript-latest


'@microsoft/sp-diagnostics package' - https://learn.microsoft.com/en-us/javascript/api/sp-diagnostics?view=sp-typescript-latest


'@microsoft/sp-list-subscription package' - https://learn.microsoft.com/en-us/javascript/api/sp-list-subscription?view=sp-typescript-latest

'@microsoft/sp-listview-extensibility' - https://learn.microsoft.com/en-us/javascript/api/sp-listview-extensibility?view=sp-typescript-latest


'@microsoft/sp-loader package' - https://learn.microsoft.com/en-us/javascript/api/sp-loader?view=sp-typescript-latest

'@microsoft/sp-lodash-subset package' - https://learn.microsoft.com/en-us/javascript/api/sp-lodash-subset?view=sp-typescript-latest


'@microsoft/sp-module-interfaces package' - https://learn.microsoft.com/en-us/javascript/api/sp-module-interfaces?view=sp-typescript-latest


'@microsoft/sp-odata-types package' - https://learn.microsoft.com/en-us/javascript/api/sp-odata-types?view=sp-typescript-latest


'@microsoft/sp-page-context package' - https://learn.microsoft.com/en-us/javascript/api/sp-page-context?view=sp-typescript-latest


'@microsoft/sp-property-pane package' - https://learn.microsoft.com/en-us/javascript/api/sp-property-pane?view=sp-typescript-latest



'@microsoft/sp-search-extensibility package' - https://learn.microsoft.com/en-us/javascript/api/sp-search-extensibility?view=sp-typescript-latest


'@microsoft/sp-top-actions package' - https://learn.microsoft.com/en-us/javascript/api/sp-top-actions?view=sp-typescript-latest



'@microsoft/sp-webpart-base package' - https://learn.microsoft.com/en-us/javascript/api/sp-webpart-base?view=sp-typescript-latest


Hopes the above handy @microsoft/sp..... will help you to understand about the package and how and where to use this package in your code. Happy coding!

Comments

Post a Comment

Popular posts from this blog

How to fix Azure DevOps error MSB4126

Image
Setting up build and release pipeline always tedious and we face many build related issues. Here is one common error I face couple of times while setting app Web or windows apps in Azure DevOps After placing the code in repos, and creating the build pipeline and run it, you can face the following error ##[error]D:\a\8\s\<your solution file>.sln.metaproj(0,0): Error MSB4126: The specified solution configuration "release|$(BuildPlatform)" is invalid. Please specify a valid solution configuration using the Configuration and Platform properties (e.g. MSBuild.exe Solution.sln /p:Configuration=Debug /p:Platform="Any CPU") or leave those properties blank to use the default solution configuration. To understand what is target platform defined in your project you need to visit or open the solution(.sln) file and review the following sections. In my case, this has been defined as x86 as target platform.         ...
Read more

How to create Custom Visuals in Power BI – Initial few Steps

Image
This post will help you to know the steps to create custom visuals in PowerBI. Microsoft defined them as well at https://docs.microsoft.com/en-us/power-bi/service-custom-visuals-getting-started-with-developer-tools . First things first, and you need to download and install NodeJS , in case if you do not have npm setup in your machine.  Second step is to run couple of npm commands to install Power BI Visual Tools and create & publish the cert. Finally, create your own package and upload with the help of npm. 1.       npm install -g powerbi-visuals-tools 2.       pbiviz --create-cert pbiviz --install-cert 3.       pbiviz new My Visual name – This will create the file under the name of your visual file. 4.      pbiviz start – You need to go to the folder where your custom visual  resides, and run this command. You can change a few things in...
Read more

SharePoint Admin Center

Image
 SharePoint Admin Center allows you to view your organization's SharePoint site including communication sites, channel sites, and sites that belong to Microsoft 365 group. This is same like Site Admin in earlier days of SharePoint versions. You can search organizational site, sort them or filter sites the way you want. Easy way to find and apply/change site settings. Under Policies, click on Sharing - This will allow you to create rules/ set control sharing at the organization level in SharePoint and OneDrive Here, in this page, you can apply settings to restrict how users are allowed to access content in SharePoint and OneDrive. Term store, the word getting populated from SharePoint 2010. You can feed metadata of metadata information of your organization level, program level, project level in Term store. helps your organization's knowledge better.  AI soon will play a vital role here and using AI, you can acyually find collect and process and finally yoour organization's d...
Read more