REACT

Create a SharePoint App with React: Connecting with the Microsoft Graph

This is part 6 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. Please NOTE: PNPJS v2 was published Dec …

Create a SharePoint App with React: Connecting with the Microsoft Graph Read More »

Create a SharePoint App with React: Save to SharePoint with pnp/sp

This is part 5 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. Please NOTE: PNPJS v2 was published Dec …

Create a SharePoint App with React: Save to SharePoint with pnp/sp Read More »

Create a SharePoint App with React: Surface SharePoint list data with pnp/sp

This is part 4 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. In Part 2 we removed the following …

Create a SharePoint App with React: Surface SharePoint list data with pnp/sp Read More »

Create a SharePoint App with React: Styling! Add UI-Fabric controls and styles.

This is part 3 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data. In package.json make sure that “office-ui-fabric-react” is installed. In the src directory, we need to change …

Create a SharePoint App with React: Styling! Add UI-Fabric controls and styles. Read More »

Create a SharePoint App with React: Setup

This is part 2 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. In your SharePoint tenant, create a new folder. I named my folder AppsLibrary. This will be the main home for all the React apps I create in SharePoint. Navigate into the AppsLibrary folder and …

Create a SharePoint App with React: Setup Read More »

Create a SharePoint App with React: Overview

This is part 1 in a series about creating a React App, using the Microsoft Toolkit and Ui-Fabric in SharePoint. There are several ways to use the Microsoft Graph, e.g. JavaScript SDK, Microsoft PNPJS library or the new Microsoft Toolkit, this project will use the PNPJS Library to surface the data in the backing SharePoint …

Create a SharePoint App with React: Overview Read More »