SharePoint Application Pages with React and Office Fabric UI interface – Project Template

Like I promised I prepared empty project template for Application Page with React App on SharePoint 2016.

You can get it from my GitHub. In my previous post you can read more detailed tutorial about that.

Application page named MyReactApp.aspx  is in Layouts/MySPAppPageReactApp mapped folder inside Visual Studio Solution.
React App for Application page is inside ReactApps/my-react-app subfolder of project root folder.

Deploy WSP on your SharePoint 2016 Server. Go to Application Page (URL: /_layouts/15/MySPAppPageReactApp/MyReactApp.aspx) and you can see “Welcome to React on SharePoint Application Page” text on it.

Go to React App inside ReactApps/my-react-app and run gulp command. Update client side code inside App.tsx file. When you save changes you can see updated Application Page.

Gašper Rupnik



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Powered by

Up ↑

%d bloggers like this: