Mastering Sharepoint Framework

A step-by-step guide to acquire knowledge of the SharePoint Framework (SPFx), build it from scratch, and gradually move towards developing practical examplesKey feature Master the concept of the SharePoint Framework (SPFx) Learn how to use various JavaScript libraries and frameworks with the SharePoint Framework Deploy SPFx solutions into CDNs (Azure Storage and O365 Public CDN) Learn SharePoint operations with SPFx Consume the Microsoft Graph and third-party APIs in SPFx Upgrade solutions from deployment scenarios Continuous integration and delivery pipelines for the SharePoint Framework solutions with Azure DevOps Develop practical scenariosDescriptionSharePoint is continuously evolving, and it has offered the SharePoint Framework as a new development model to extend the modern SharePoint user interface.

The development paradigm has shifted from the server-side to the client-side development involving various open source tooling and modern toolchain.

As a result, relevant technical expertise and analytical skills are required to do such tasks.

This book aims to equip you with enough knowledge of the SharePoint Framework in conjunction with skills to use powerful tools such as Node.

js, npm, Yeoman, Gulp, TypeScript, and so on to succeed in the role of a SharePoint developer.

The book starts with a brief introduction to the SharePoint evolution across versions and the rise of the SharePoint Framework and the opportunities you may come across along with an overview of the key topics covered in the book.

You will learn how to set up the SharePoint Framework.

Before diving into several supervised, unsupervised and other practical use cases of the SharePoint Framework, you will learn how to develop SharePoint Framework solutions using React JS, Angular JS, Knockout JS, and PnP JS and utilize third-party npm packages.

You will learn various methodologies to deploy the SharePoint Framework solutions, implement best practices, upgrade techniques, build custom components, and continuous integration and delivery pipelines for SharePoint Framework solutions with Azure DevOps.

What will you learnBy the end of the book, you will come across a few case studies to put your knowledge gained into practice and solve real-life business problems such as building custom components such as web parts and extensions.

You will learn how to consume the Microsoft Graph and third-party APIs, develop Custom App Pages, implement Library Components, extend MS Teams with SPFx, and implement CI/CD pipelines for the SharePoint Framework solutions with Azure DevOps.

Remember to practice examples provided as the code bundle for each chapter in this book to master these techniques.

Who this book is forThe book is intended for anyone looking for a career in modern SharePoint, all aspiring SharePoint developers who want to learn the most powerful technique to extend the SharePoint user interface or working professionals who want to switch their career in SharePoint.

While no prior knowledge of SharePoint, open-source tooling and modern toolchain or related technologies is assumed, it will be helpful to have some programming experience.

Table of contents1.

Getting Started with SharePoint Framework2.

Develop Your First SPFx Web Part3.

SPFx Web Part Property Pane4.

Custom Controls for Web Part Property Pane5.

PnP Controls for Web Part Property Pane6.

CSS Considerations7.

Configure SPFx Web Part Icon8.

Examine SPFx Web Parts on Modern SharePoint9.

Host SPFx Web Parts from MS Azure CDN10.

Host SPFx Web Parts from Office 365 Public CDN11.

Host SPFx Web Parts from SharePoint Document Library12.

Integrating jQuery with SPFx Web Parts13.

CRUD Operations with No Framework14.

CRUD Operations with React JS15.

CRUD Operations with Angular JS16.

CRUD Operations using Knockout JS17.

CRUD Operations with SP-PnP-JS18.

Transition to @pnp/sp from sp-pnp-js19.

SPFx Development with React JS20.

React Lifecycle Events in SPFx21.

AutoBind Control Events in SPFx22.

Partial State Update for React-based SPFx WebParts23.

Using Office UI Fabric in SPFx24.

Provision SharePoint Assets in SPFx Solution25.

Connect to MS Graph API with MSGraphClient26.

Connect to MS Graph API with AadHttpClient27.

SPFx Logging Mechanism28.

Debug SPFx Solutions29.

Overview of SPFx Extensions30.

SPFx Extension - Application Customizer31.

Extend Application Customizer with React Components32.

SPFx Extension - Field Customizer33.

SPFx Extension - ListView Command Set34.

Anonymously Call MS Azure Functions35.

Securing Azure Function with Azure Active Directory36.

Consume Azure AD Secured Function with SPFx37.

Implementing Separation of Concerns (SoC)38.

Localization Support for SPFx39.

Office 365 CLI 40.

SPFx Solutions Upgrade41.

SPFx Solution Upgrade with Office 365 CLI42.

Common Issues and Resolutions with Upgrading npm Packages43.

Extend MS Teams with SPFx44.

Library Component Type 45.

Develop Custom App Pages with SPFx46.

Optimizing SPFx Solutions47.

Unit Test with Jest and Enzyme48.

DevOps For SPFx49.

Query User Profile Details50.

Query SP Search Results51.

React-based Tree view52.

React-based Carousel53.

React-based Organogram54.

Integrating Adaptive Cards with SPFx55.

Integrating Google API with SPFx56.

SPFx Development with SharePoint On-PremisesAbout the authorNanddeep Nachan is a results-oriented Technology Architect with over 14 years of experience in Microsoft Technologies, especially in SharePoint, Office 365, MS Azure, and Dot Net.

He is experienced in the design, implementation, configuration, and maintenance of several large-scale projects.

He focuses on architectural design and implementation, website design and development, complete application development cycles, and .

NET technologies.

He has been working with SharePoint since the last 14 years and has exposure to SharePoint versions starting from SharePoint 2007 (MOSS).

He is a CSM (Certified Scrum Master), Microsoft Certified Professional with certifications in SharePoint, MS Azure, Office 365, and .

NET.

He is a 2-time C# Corner MVP and an author as well.

He is a regular speaker at various events.

He is also a creative, technically sound photographer with experience in custom and specialized photography.

He is an active contributor to SharePoint Patterns and Practices (https://github.

com/SharePoint/) and C# Corner (http://www.

c-sharpcorner.

com).

His Blog links: https://www.

c-sharpcorner.

com/members/nanddeep-nachan/articles His LinkedIn Profile: https://www.

linkedin.

com/in/nanddeepnachan.