Seven steps to build and deploy SPFX web part to SharePoint

1. Install Node.JS
   Use this link to install Node.JS https://nodejs.org/en/
   
   
   2.       Install yeomen and gulp
   CMD>npm install –g yo gulp
   
   
   3.       Install SPFX generators
   CMD>npm install –g @microsoft/generator-sharepoint
   
   
   4.       Create First Web part
   CMD>yo @microsoft/sharepoint
   
   
   5.       Run and Test Project
   CMD>gulp trust-dev-cert

         CMD>gulp serve

   
   

   6.       Package and Deploy

          CMD>gulp package-solution
   
   
   7.       Install and Add on Page
   A.      Upload the *.sppkg file in app catalog
   B.       Add new App from site contents page
   C.      Keep app running in local
   D.      Create new page and Add App
   
   
   

Bundling and Minification - SharePoint best practice

Found this really helpful article about bundling and minification using visual studio extension:

https://msdn.microsoft.com/en-in/library/dn850363.aspx

SharePoint script on demand

This is very old now and exists in market from long time for SharePoint, So thought of summarizing it once.

1.     Create file with name ShareTechPoint.js and below content

function sayHello() {   alert("Hello"); } //Notify SharePoint that the custom file has loaded. SP.SOD.notifyScriptLoadedAndExecuteWaitingJobs("ShareTechPoint.js ");

2.     Now write the below code in another  HTML/ascx/aspx file

<script type="text/ecmascript"> function runCode() { SP.SOD.RegisterSod(‘ShareTechPoint.js ',  '/StyleLibrary/ShareTechPoint.js'); var x = ExecuteOrDelayUntilScriptLoaded(sayHello,  "ShareTechPoint.js "); } </script> <input id="Button1" type="button" value="Run Code" onclick="runCode()" />

This is how you can implement Script on demand for SharePoint.

References

• http://www.ilovesharepoint.com/2010/08/sharepoint-scripts-on-demand-spsod.html
• http://www.kalmstrom.com/Tips/SPDevDynamicLoading.html

Client web part / App Part showing the blank iframe on page

Hello all - While creating first hello client web part many times people face this issue that there cleint web part show blank window after adding on page.

For showing content on page need to allow framing on page as client web parts loan in iFrame.

<WebPartPages:AllowFraming runat="server" />

Check for above line of code on client web part file. If not preset add it there.

Download all Site collection documents / Files using Powershell in specific folder

I updated the script written by "Nico Martens" in below blog post

http://sharepointrelated.com/2014/11/11/download-all-content-in-a-site-collection/

Below script will download all your documents in specific folder of Site and List

Clear client side people picker control

 Use below function to clear the people picker control values from page on client side.


Code:

List of feature improvement in SharePoint 2016

Find below list which is full of awesomeness about SharePoint 2016 improvements:

1. Lists in SharePoint 2016 are Optimized(5000 list item threshold),  SP2016 auto manages the index to optimize large lists.

2. Stsadm is deprecated but it will still work and can be used for running commands that are not available through PowerShell yet.

3. SPFX is will be available for SharePoint 2018 on prem feature pack 2 onwards

Will Update more in some time