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)

Creating a feedback list

In order to collect data, we need a list to save it in. This is a very basic SharePoint task for solution designers. To keep things simple and focused on the web part design, we are going to create the list using the user interface.

  1. First, open the SharePoint site or Office 365 Group you want to test using a browser. Select Add an app, as detailed in the following screenshot:
  1. Select Custom List as the app you want to add, and name it Feedback.
  1. Navigate to the new list, and add a new column with the type of Single line of text, as shown in the following screenshot:
  1. Name the new column URL and click Create button. It is important that you use a single word without white space while creating the column because it will simplify the internal name of the field. When referring to this field from our code, we must know the internal name.

The list is now created. As stated before, you can later decide to add a Microsoft Flow or other fields to the list.