Sharepoint Developer Blog

Create Teams Tab using SPFx: In this post we will see how to add  SPFx webpart to MS  Teams tab. In this post we will reuse the excising SPFx solution which we created in this post=>  SPFx CRUD using Rest API . & modify few changes for MS Teams. & Below is the Final Output. 2 Important Changes in SPFx Solution:     1. Webpart.Manifest.json: Under            "supportedHosts": ["SharePointWebPart", "TeamsPersonalApp", "TeamsTab",],          Add TeamsTab & Teams Personal App if it is not present already.     2. Component File(.tsx): Check for microsoftTeams.context present or not (If present we can implement code for Teams)           if( t his.props.context.sdks.microsoftTeams != null){                var test = this.props.context.sdks.microsoftTeams.context;         ...

SPFx introduction . SPFx Developer Tools Setup Evaluation of SharePoint Coding App Catalog & Work Bench Debug SPFx React webpart with Visual Studio Code SPFx with No Framework (Plain TypeScript): Create SPFx Webpart using Visual Studio code & Type script   Create SP Library as CDN (Upload SPFx webpart assets into SharePoint library) Customize SPFx webpart Properties Adding jQuery to SPFx webpart & Adding Accordion control using jQuery SPFX with React: SPFx React Basics & Life-Cycle CRUD Operations using SPFx React Webpart & Rest API (SPHttpClient) SPFX with PnPJS: PnPJS Introduction SPFx with PnPJS CRUD Operations (V3) SPFX with MS Teams: Build MS Teams Tab Using SharePoint Framework SPFX Other Important Topics: SPFx Run with elevated privileges Token type is not allowed Error While using Client Id Client Secret For more details refer this YouTube link