Create SPFx webpart with React for SharePoint 2016 On-Premise

sharepoint framework example reactjs
SharePoint deveopment training course

This SPFx tutorial, we will disucss how to create SPFx webpart using ReactJS for SharePoint 2016 on-premise environment.

The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling.

With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one.

Follow below steps to create SPFx webPart with ReactJS for SharePoint 2016 On-Premise

Install
Prerequisites:
Install CMDer, See Benefits
Install on global layers following :
See installed globally packages with npm list –g –depth=0

create spfx webpart using react for sharepoint 2016 onpremise

OR

npm install -g npm@3
npm install -g yo gulp @microsoft/generator-sharepoint@latest

Install Project template with yo:

create spfx webpart using react

You must choose -> SharePoint 2016 onwards, including SharePoint Online

Use react project template

create spfx webpart using react for sharepoint 2016

A short way to Install.

create spfx webpart using react for sharepoint 2019

yo @microsoft/sharepoint –solutionName “hello-world” –framework “react” –componentType “webpart” –componentName “HelloWorld” –componentDescription “HelloWorld web part” –environment “onprem”

After install project template
Use:
“code .” – open current folder in VS Code
“explorer .” – open current folder in Window explorer
“yo @microsoft/sharepoint” – add new webpart in project

sharepoint framework example reactjs

You may like following spfx tutorials:

This SharePoint framework (spfx) tutorial explains, how to create SPFx webPart with ReactJS for SharePoint 2016 On-Premise environment.

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

About Georgi Krystev

I'm SharePoint Developer primary focused on SharePoint Framework for On-Premise environment.

View all posts by Georgi Krystev →