Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “Let’s first open the web part class, which, in this example, is the OnboardingTasksWebPart.ts file, and go through the basic elements.”

A block of code is set as follows:

GET https://graph.microsoft.com/v1.0/sites/ tenant.sharepoint.com,28e328a9-00f4-4b6e-b850-abf67531ec21,f3d3bc0d-216a-4b27-a2bd-278bba0c9e1a/lists?$select=displayName,webUrl

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

this.context.msGraphClientFactory.getClient("3").then((client:MSGraphClientV3): void=>{client.api("/me").get((error, response:any, rawResponse?:any)=>{
           this.userProf.displayName = response.displayName;
           this.userProf.mail = response.mail;
           this.userProf.jobtitle = response.jobTitle;
        });
     });

Any command-line input or output is written as follows:

export interface IOnboardingTasksState {
    items: IOnboardingTask[];
}

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “Creating a new model starts in the content center by selecting New on the content center homepage “

Tips or important notes

Appear like this.