React Component Life Cycle

What is your favorite technical article?

For me, Understanding ASP.Net View State is my all time favorite article. I might have read it hundred's of times. It helped me all my career as a dot.net & sharepoint developer.

so, when we have our basics clear, complex tasks will be easy to handle. So the same applies for REACT as well.

Example: 
I have recently worked on a SPFX webpart integration with JqueryUI.

React Component Basics

For this post , i assume you are familiar with basics of SharePoint framework development, using yoman templates , node package manager and gulp. Else please refer to my earlier post Basics of SPFX

Sharepoint Framework (SPFX) is becoming popular as it is the only way to add custom functionality to a Sharepoint Online modern pages.

We can integrate any java script framework to work with SPFX. In last post we did integrate Angular with SPFX.  But, we need to do everything from scratch like importing packages and then adding them in config files, etc.

REACT is one of the java script framework which comes with yoman scaffold out of the box. So the installation, references and default code were taken care by yoman generator. React got lot of plugin support and its consistently improving by each version.

So REACT became a mandatory component to learn for SPFX development.

REACT coding is mostly dealing with properties and state on client side. 

For this we have 2 types of components in REACT.

Basics of Angular SharePoint Framework Webpart

When you search angular sharepoint framework, you gonna encounter the "ToDoApplication". Let me tell you that is not an example suitable for a beginner to understand how to integrate angular with sharepoint framework.

Objective: Create a sharepoint framework webpart from scratch and integrate it with angular framework.

So to begin with, i assume you are aware of basics of angular and sharepoint framework. If not you can checking below mentioned articles before this article.

AngularJS : Basics

Basics of Sharepoint Framework Webparts

Basics of Sharepoint Framework Webparts

This post is intended to share my knowledge on basics of sharepoint framework webparts.
Below are the tasks we address:

1. Why sharepoint framework (SPFx).
2. How to setup a machine for it
3. How to develop your first SPFx webpart
4. How to deploy it to your SPO.
5. How to Consume it on client SPO site.
6. How to upgrade your SPFx app/webpart.

Sharepoint Online Tabular Custom Search Display

         We know search is becoming sophisticated in newer versions of SharePoint. But still all clients are not fond of the OOTB search results display. So in this post we see how to transform Sharepoint Online search results into Tabular display using Display Control templates, Display item templates and Hover panel templates.

Note: We are dealing with "Search Results webpart" in this post, not the "Content search webpart" for search results display.

Objective: 

Transform this display

 into this display

It is my first try of doing this, and it is not a straight forward thing.

SharePoint Online Search Basics

          If you are a SharePoint 2010 Developer and trying to figure out how search works in Sharepoint Online, this is for you. As i am one of you and like i said in my first post on my blog, the content is not to show what i know, but to share what i have learned.

         We will refer to 2010 concepts like "Managed Properties", "Content Sources", "Search Scopes", "Search Result webparts" and see how we going to achieve the same results in Sharepoint online.

        Before you jump into solutions / development, you should know how things were changed from SP2010 to SP Online. You (Admin) used to manage everything in Sharepoint On-Premises from Central Admin, but not in SP Online. Below image will depict what will be your responsibility as a Global administrator of your tenant.

        Looking at the Admin portal of your tenant, you may figure out that you cannot do everything you can do in SP2010 Central Admin.