Dev Tips : Planning IE11 compatibility with SPFx components and PnPJS library

13th of May, 2019 / / No Comments

One of the common challenges I encounter when working with SPFx components is that the app doesn’t work with IE11 as expected even though it works fine with other browsers. This has delayed many of my projects and puts a lot of risk on production releases. Hence in this blog, I will try to call out some of the challenges that we might run into when deploying complex SPFx components in IE11 and other older browsers, and some workarounds/rectifications for the same.… [Keep reading] “Dev Tips : Planning IE11 compatibility with SPFx components and PnPJS library”

Build a better technical architecture with reusable components in React for SharePoint Framework webparts

8th of January, 2019 / / No Comments

If there is a complex web part to be implemented (for eg. with over 5000 lines of code), then the important question to ask is how to distribute the implementation logic, so it could be better maintained. From a technical architecture point of view, better readability and efficiency, the react components provide a suitable solution for it.

Another important consideration for this is to increase performance of the control during build and debugging. From experience, if a control’s logic goes beyond 5000 lines of code then the build performance decreases drastically, it takes about 30 secs or more to build and another 30 secs or more to ready the control for debugging.… [Keep reading] “Build a better technical architecture with reusable components in React for SharePoint Framework webparts”

When and how to use React component lifecycle management in a SharePoint Framework?

14th of November, 2018 / / No Comments

There are various advantages of using React lifecycle methods in building SharePoint Framework components. It is not a necessity to use component lifecycle methods but we could get a lot out by using these methods with states. For a generic understanding of React component lifecycle methods, check here

Note: The use-cases description in this blog are specific to the SharePoint Framework lifecycle but could be considered for app using React in App model too.
The details in this blog are for guidance and can vary based on the requirements, so please use your best judgement while implementing the lifecycle methods

 

Few of the benefits of using React component lifecycle methods are :

1.… [Keep reading] “When and how to use React component lifecycle management in a SharePoint Framework?”

Deploy and Add SPFx webparts to Modern Pages using OfficeDevPnP CSOM library

20th of September, 2018 / / 1 Comment

In the previous blog here, we looked at how to install apps on a SharePoint site. With SharePoint and Office Dev PnP CSOM, we could also add web parts to Modern Pages, both out of the box (OOB) web parts and custom web parts. For out of box web parts, refer to Chris O’Brien article here , where he has provided steps and also the web part IDs for the OOB webparts which is really helpful.… [Keep reading] “Deploy and Add SPFx webparts to Modern Pages using OfficeDevPnP CSOM library”