SharePoint Framework is the new development model in which a lot of work has been going on in the past year. It went to General Availability on Feb 23, 2017. It 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 in SharePoint.

In this book, we will see how to set up the environment for getting started with development using the SharePoint Framework and how to create client Web Parts using the new development model. We will make use of TypeScript, PnP JS, and React JS to create the Web Parts as we progress. This book will serve as a script cookbook to help you get started with different frameworks used with SPFx.

Table Of Content

  • Set up SharePoint Framework Development Environment

  • Getting Started with SharePoint Framework Development using TypeScript

  • Create the First Hello World Client Web Part

  • Create SharePoint Framework Client Web Part to Retrieve and Display List Items

  • Provision SharePoint List with custom Site Columns and Content Type

  • Upgrade the Solution

  • Getting Started with PnP JS Development Using SharePoint Framework

  • Retrieve SharePoint List Items Using PnP JS and SharePoint Framework

  • SharePoint List Creation Using PnP and SPFx

  • Retrieve User Profile Properties Using SPFx and PnP JS

  • Retrieve SharePoint Search Results Using SPFx webpart

  • Implement SharePoint List item CRUD using SPFx and PnP

  • Getting Started with React JS in SharePoint

  • Retrieve SharePoint List Data Using REST API and Display Using Content Editor Web Part

  • Create SPFx Webpart to Retrieve SharePoint List Items Using REACT & REST API

  • Summary