SOLVED

Sharepoint with React.

%3CLINGO-SUB%20id%3D%22lingo-sub-69861%22%20slang%3D%22en-US%22%3ESharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-69861%22%20slang%3D%22en-US%22%3E%3CP%3EHI%20All%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eam%20planning%20to%20work%20on%20sharepoint%20with%20React%20application.%20am%20new%20to%20this%20integration%20stuffs.%20I%20have%20knowledge%20in%20React%20and%20Sharepoint.%20But%20I%20dont%20have%20any%20idea%20How%20to%20start%20integrate%20both.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20anyone%20pleae%20share%20the%20sample%20step%20how%20to%20setup%20the%20environment%20and%20sampe%20application.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20in%20Advance.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERamadurai.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-70215%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70215%22%20slang%3D%22en-US%22%3E%3CP%3EWell%20you%20could%20also%20use%20CDN%20rather%20then%20uploading%20it%20to%20SharePoint.%20And%20you%20could%20use%20your%20tool%20chain%20of%20choice%20in%20your%20IDE%20how%20to%20package%2C%20bundle%20etc.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-70188%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70188%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20so%20much%20for%20needful%20information.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20we%20use%20the%20Npm%20package%20in%20Sharepoint%20On%20premise%20rather%20than%20uploading%20the%20js%20files.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERamadurai.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-70032%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70032%22%20slang%3D%22en-US%22%3E%3CP%3ENo...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20could%20use%20React%20in%20SharePoint%20On-Premise%2C%20but%20not%20(yet)%20using%20SPFx.%20But%20you%20could%20simply%20use%20a%20script%20editor%20webpart%20and%20place%20the%20correct%20script%20directives%20in%20it%20for%20using%20React%20and%20start%20scripting.%20Just%20as%20you%20would%20do%20using%20other%20frameworks%20or%20libraries.%20You%20could%20also%20use%20other%20techniques%20to%20get%20it%20available%20on%20your%20pages%20(use%20page%20layout%2C%20inject%20javascript%20using%20user%20custom%20action%2C%20etc).%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-69884%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-69884%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESo%20we%20could%20use%20the%20React%20only%20in%20Sharepoint%20Online%20and%20Office%20365.%20not%20in%20Sharepoint%20onpremise%20%3F%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERamadurai.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-69875%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-69875%22%20slang%3D%22en-US%22%3E%3CP%3ENo.%26nbsp%3B%20%3A(%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20new%20SPFx%20is%20not%20available%20in%20SharePoint%20On-premises.%20I%20would%20expect%20that%20it%20will%20become%20availabel%20at%20some%20point%20for%20SharePoint%202016.%20Not%20sure%20if%20this%20will%20ever%20become%20available%20in%202013.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-69872%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-69872%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20.%20I%20just%20followed%20the%20above%20like.%20It%20works%20fine%20.%20But%20I%20dont%20know%20how%20to%20deploy%20this%20webpart%20in%20SharePoint%202013.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20you%20assist%20me%20How%20to%20deploy%20in%20SharePoint%202013%20On-premise%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERamadurai.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-69868%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20with%20React.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-69868%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55434%22%20target%3D%22_blank%22%3E%40Ramadurai%20Uthami%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20would%20start%20with%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdev.office.com%2Fsharepoint%2Fdocs%2Fspfx%2Fweb-parts%2Fget-started%2Fbuild-a-hello-world-web-part%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdev.office.com%2Fsharepoint%2Fdocs%2Fspfx%2Fweb-parts%2Fget-started%2Fbuild-a-hello-world-web-part%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhen%20running%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%3CSPAN%20class%3D%22pln%22%3Eyo%20%3C%2FSPAN%3E%3CSPAN%20class%3D%22lit%22%3E%40microsoft%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2F%3C%2FSPAN%3E%3CSPAN%20class%3D%22pln%22%3Esharepoint%3C%2FSPAN%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eyou%20shoudl%20select%20React%20when%20being%20asked%20about%20the%20framework.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

HI All,

 

am planning to work on sharepoint with React application. am new to this integration stuffs. I have knowledge in React and Sharepoint. But I dont have any idea How to start integrate both.

 

Can anyone pleae share the sample step how to setup the environment and sampe application.

 

Thanks in Advance.

 

Ramadurai.

7 Replies
Highlighted

Hi @Ramadurai Uthami,

 

I would start with 

 

https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part

 

When running:

 

yo @microsoft/sharepoint

 

you shoudl select React when being asked about the framework.

Highlighted

Thank you . I just followed the above like. It works fine . But I dont know how to deploy this webpart in SharePoint 2013. 

 

Can you assist me How to deploy in SharePoint 2013 On-premise

 

 

Ramadurai.

Highlighted

No.  :(

 

The new SPFx is not available in SharePoint On-premises. I would expect that it will become availabel at some point for SharePoint 2016. Not sure if this will ever become available in 2013.

Highlighted

Thank you . 

 

So we could use the React only in Sharepoint Online and Office 365. not in Sharepoint onpremise ??

 

Ramadurai.

Highlighted
Best Response confirmed by Ramadurai Uthami (Occasional Contributor)
Solution

No...

 

You could use React in SharePoint On-Premise, but not (yet) using SPFx. But you could simply use a script editor webpart and place the correct script directives in it for using React and start scripting. Just as you would do using other frameworks or libraries. You could also use other techniques to get it available on your pages (use page layout, inject javascript using user custom action, etc).

Highlighted

Thank you so much for needful information.

 

 

Can we use the Npm package in Sharepoint On premise rather than uploading the js files.

 

 

Ramadurai.

Highlighted

Well you could also use CDN rather then uploading it to SharePoint. And you could use your tool chain of choice in your IDE how to package, bundle etc.