How to package the react application and integrate in Sharepoint On-premise

%3CLINGO-SUB%20id%3D%22lingo-sub-70232%22%20slang%3D%22en-US%22%3EHow%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70232%22%20slang%3D%22en-US%22%3E%3CP%3EHI%20All%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20a%26nbsp%3Bsample%20application%20in%20React%20which%20will%20give%20the%20sample%20list%20items%20in%20table%20view.%20Now%20I%20want%20to%20package%20it%20and%20run%20it%20in%20sharepoint%20on%20premise%20.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20anyone%20say%20How%20to%20package%20and%20run%20it%20.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20%26amp%3B%20Regards%2C%3C%2FP%3E%3CP%3ERamadurai.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-365009%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-365009%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20Mr%20Robin%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%20i%20am%20so%20sorry%20your%20ansewer%26nbsp%3B%20is%20not%20clear%20he%20need%20to%20bundle%20The%20application%20before%20push%20it%20to%20the%20tenant%20or%20create%20Build%20option%20in%20npm%20to%20create%20all%20Js%20file%20and%20after%20that%20upload%20all%20inside%20%2Fshaproint%2FsitesAssets%20like%20files%20and%20point%20all%20application%20to%20that%20file.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ecan%20i%20ask%20you%20mor%20details%20about%20the%20steps%20to%20deploy%20a%20simple%20react%20application%20in%20sharepoint%202013%20or%202016%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-71077%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71077%22%20slang%3D%22en-US%22%3E%3CP%3EYes%20that's%20also%20possible.%20You%20can%20place%20anything%20you%20want%20into%20a%20Script%20Editor%20Web%20Part%20at%20least%20it%20is%20valid%20JS%20code.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-70258%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70258%22%20slang%3D%22en-US%22%3E%3CP%3EYou%20meant%20to%20say%20Sharepoint%20app.%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20sorry%20If%20my%20question%20is%20chilly.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EInstead%20of%20using%20SharePoint%20app%20Can%20we%20write%20the%20React%20code%20and%20directly%20place%20into%20the%20script%20editor%20webpart%20and%20run%20in%20Sharepoint%20On%20Premise.%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-70247%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70247%22%20slang%3D%22en-US%22%3E%3CP%3EYou%20could%20develop%20a%20classic%20%3CA%20href%3D%22https%3A%2F%2Fmsdn.microsoft.com%2Flibrary%2Fcd1eda9e-8e54-4223-93a9-a6ea0d18df70(Office.15).aspx%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3ESharePoint%20Add-In%3C%2FA%3E%20and%20use%20the%20React%20Framework%20in%20your%20front-end%20for%20example.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-70245%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70245%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20can%20we%20write%20the%20React%20application%20in%20Sharepoint%20on-premise.%3C%2FP%3E%3CP%3E%26nbsp%3B%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-70238%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20package%20the%20react%20application%20and%20integrate%20in%20Sharepoint%20On-premise%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-70238%22%20slang%3D%22en-US%22%3EHi%20Ramadurai%2C%3CBR%20%2F%3Ethe%20deployment%20of%20SharePoint%20Framework%20applications%20is%20currently%20only%20possible%20on%20SharePoint%20Online%20Tenants.%3CBR%20%2F%3E%3CBR%20%2F%3EIt%20is%20planned%20to%20support%20On-Premise%20installations%20as%20well%20in%20the%20future.%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

HI All,

 

I have a sample application in React which will give the sample list items in table view. Now I want to package it and run it in sharepoint on premise .

 

Can anyone say How to package and run it .

 

 

Thanks & Regards,

Ramadurai.

6 Replies
Highlighted
Hi Ramadurai,
the deployment of SharePoint Framework applications is currently only possible on SharePoint Online Tenants.

It is planned to support On-Premise installations as well in the future.
Highlighted

Thank you . 

 

 

How can we write the React application in Sharepoint on-premise.

 

 

 

Ramadurai.

Highlighted

You could develop a classic SharePoint Add-In and use the React Framework in your front-end for example.

Highlighted

You meant to say Sharepoint app. ?

 

I am sorry If my question is chilly.

 

Instead of using SharePoint app Can we write the React code and directly place into the script editor webpart and run in Sharepoint On Premise.

 

 

Ramadurai.

Highlighted

Yes that's also possible. You can place anything you want into a Script Editor Web Part at least it is valid JS code.

Highlighted

Hello Mr Robin,

 

 

  i am so sorry your ansewer  is not clear he need to bundle The application before push it to the tenant or create Build option in npm to create all Js file and after that upload all inside /shaproint/sitesAssets like files and point all application to that file.

 

can i ask you mor details about the steps to deploy a simple react application in sharepoint 2013 or 2016 ?