SharePoint Framework – SPFx – New revolution to Client Side Webpart development to SharePoint Online O365 – Interview Questions

What is SharePoint Framework – SPFx?

The SharePoint Framework (SPFx) is a page and part model that enables client-side development for building SharePoint experiences. It facilitates easy integration with the SharePoint data, and provides support for open source tooling development.

Overview of SharePoint Framework

The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint on-premises and SharePoint Online.

What is SharePoint client-side web parts?

SharePoint client-side web parts are controls that appear inside a SharePoint page but run locally in the browser. They’re the building blocks of pages that appear on a SharePoint site. You can build client-side web parts using modern script development tools and the SharePoint workbench (a development test surface), and you can deploy your client-side web parts to classic web part pages in Office 365 Developer tenants. In addition to plain JavaScript projects, you can build web parts alongside common scripting frameworks, such as AngularJS and React. For example, you can use React along with components from Office UI Fabric React to quickly create experiences based on the same components used in Office 365.

What are key feature of SharePoint Framework?

  • Runs in the context of the current user and connection in the browser. There are no iFrames.
  • The controls are rendered in the normal page DOM.
  • The controls are responsive and accessible by nature.
  • Enables the developer to access the lifecycle – including, in addition to render – load, serialize and deserialize, configuration changes, and more.
  • It’s framework agnostic. You can use any browser framework that you like: React, Handlebars, Knockout, Angular, and more.
  • The toolchain is based on common open source client development tools like npm, TypeScript, Yeoman, webpack, and gulp.
  • Performance is reliable.
  • End users can use SPFx client-side solutions that are approved by the tenant administrators (or their delegates) on all sites, including self-service team, group, or personal sites.
  • Solutions can be deployed in both classic web part and publishing pages and modern pages.

Why to use SharePoint Framework- SPFx?

SharePoint was launched as an on-premises product in 2001. Over time, a large developer community has extended and shaped it in many ways. For the most part, the developer community followed the same patterns and practices that the SharePoint product development team used, including web parts, SharePoint feature XML, and more. Many features were written in C#, compiled to DLLs, and deployed to the servers.

That solution worked well in environments with only one enterprise, but it didn’t scale to the cloud, where multiple tenants run side-by-side. As a result, we introduced two alternative models: client-side JavaScript injection, and SharePoint Add-ins. Both of these solutions have pros and cons.

How to Set up your SharePoint client-side web part development environment?

Step I: Environment Setup for Node.js web apps for Azure App Service

Step II: SharePoint related configurations

How Build a SharePoint Framework Webpart?

Steps by Step procedure to build your first SharePoint client-side web part (Hello World part 1)