How do I use react JS in SharePoint 2013?

How do I use react JS in SharePoint 2013?

Project Configuration

  1. Create a new React App using the following command npx create-react-app my-app cd my-app.
  2. Open the project in VSCode or WebStorm or any other editor.
  3. Open the terminal.
  4. Run the below command npm install concurrently sp-rest-proxy –-save-dev.

How do you make a SPFx solution?

How to Create a Package

  1. Launch the Node. JS or console window and set path to our SPFx web part directory.
  2. On the Node.JS command prompt or console window type the following command: “gulp clean”
  3. The gulp clean command cleans the deployment file “.sppkg” in the project directory SharePoint folder.

Can you use fabric react in SharePoint framework?

We recommend that you use the versions of the Office UI Fabric React package included in the project in the SharePoint Framework’s Yeoman generator. For instance, the SharePoint Framework v1.7.0 release uses Fabric React v5.131.0 [!NOTE] Fabric React versions 2.x or older are not supported in SharePoint Framework.

How to use office UI fabric core in SPFX?

I wanted to use Office UI Fabric core controls on SPFx webpart without React component. So basically I have option to use SP Fabric Core. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/office-ui-fabric-integration#office-ui-fabric-core-package To Use Fabric core, we need to add below package in SPFx project.

How to integrate office UI fabric with SharePoint framework?

Office UI Fabric for SharePoint Framework SharePoint Framework Fabric Core npm package (@microsoft/sp-office-ui-fabric-core) is a subset of Fabric Core Styles that can be easily integrated with SharePoint Framework. Yeoman generator for SharePoint Framework (from version 1.3.4 onwards) supports Office UI Fabric by default.

Which is the latest version of office UI fabric react?

Starting with SPFx v1.8, you can use either Office UI Fabric React v5 or v6. Each version of SPFx upgrades the version of Office UI Fabric React in new projects.