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)

Handling property field events

By now you've probably seen that typing in values within fields fires off a field event. This is evident in fields that are shown in the web part, as each update to the field text forces an update on the text being displayed.

By changing the Description Field in our sample, the same text is being reflected within the web part canvas on the left:

This is called a reactive mode, and it simply forces the web part to update the user interface whenever the property field values are updated.

An alternative to this is the non-reactive mode, which might be useful in certain scenarios.

Reactive mode is especially useful for text-based data, but might be problematic if a change fires off a chain of events that might be time-consuming. Updating a simple field value would take a longer time if our code insists on updating content after each key click.

As the property pane is in reactive mode by default, changing to the non-reactive mode is simple. All you need...