Book Image

SharePoint Development with the SharePoint Framework

By : Jussi Roine, Olli Jääskeläinen
Book Image

SharePoint Development with the SharePoint Framework

By: Jussi Roine, Olli Jääskeläinen

Overview of this book

SharePoint is one of Microsoft's best known web platforms. A loyal audience of developers, IT Pros and power users use it to build line of business solutions. The SharePoint Framework (SPFx) is a great new option for developing SharePoint solutions. Many developers are creating full-trust based solutions or add-in solutions, while also figuring out where and how SPFx fits in the big picture. This book shows you how design, build, deploy and manage SPFx based solutions for SharePoint Online and SharePoint 2016. The book starts by getting you familiar with the basic capabilities of SPFx. After that, we will walk through the tool-chain on how to best create production-ready solutions that can be easily deployed manually or fully automated throughout your target Office 365 tenants. We describe how to configure and use Visual Studio Code, the de facto development environment for SPFx-based solutions. Next, we provide guidance and a solid approach to packaging and deploying your code. We also present a straightforward approach to troubleshooting and debugging your code an environment where business applications run on the client side instead of the server side.
Table of Contents (14 chapters)

Fabric React support

There are a few caveats you should be aware of when building SharePoint Framework solutions with Office UI Fabric. First, note that Fabric React doesn't support older IE versions, such as 9 and 10, so that is something you need to take into the consideration if you are running clients with an old browser base. The second caveat is a bit more complicated.

Microsoft is not done with Office UI Fabric and Fabric React, so styles and components will evolve. In practice, this means that in order to remain supported, you will need to ensure the following:

  • SharePoint Framework web parts should have an explicit dependency to version 2.0 of Fabric React
  • Fabric React components needs to be statically linked, which means that Fabric React components are bundled to your web part, and should the components change, it is not reflected in your web parts

The following are the differences between static and dynamic linking:

// static  
import { Button } from 'office-ui...