React Js Modularity - Breaking a monolith react component into modular components

Earlier in 2017, I have written a few articles on Basics of SharePoint Framework, Use of React JS and React JS component life cycle. 

But Most of the SPFx web parts I created were task oriented and not application oriented. This means the size of the React components is small. 

Now I am working on a product / application level components which are complex and big in size.

Here is a screenshot of a POC I am currently working.

Power Apps - Test Studio - Automation Testing

At last we got feature of automated testing, improving "Application Life Cycle Management" for Power Apps. (Watch in Full Screen)

In this post we will learn how we will use Test Studio for Power Apps.

PowerApps - Beyond 500 item limit and Delegation Warning. The "XXXXX" part of this formula might not work on large datasets.

This is the most common warning which is overlooked by the Power app developers as its just "Warning".

We see the function work and fetch the results, and thus ignore the warning. I have seen  many of the powerapps that were productionized have these warnings.

Please make a note:

"That is not just a technical warning, its a future functional error". 

Microsoft Flow Basic Sharepoint Interactions

Objective: In this post we will look at basics of Microsoft Flow performing Sharepoint list operations.

We always drive our discussion based on a use-case. Below are the two scenarios we will consider for this post. 

1. Action based on a item creation or update

2. Action on list of items filtered from a list based on a condition. 

As i mentioned earlier, this is for Flow newbies with basic  Sharepoint interactions.

Sharepoint Online Authentication for API Access using POSTMAN

Objective: We know most of the collaboration part of sharepoint has been pushed to Teams, with its planner, conversations, a dedicated site for document uploads and many other features.
So the sharepoint site is now used mostly for document management. Being said that how we can accomodate SPO API for other applications.

In this post we will use SP Online OOTB API to upload and download a file. We dont need to write a seperate application for this, instead we will use POSTMAN to interpret the calls.

When API is avilable OOTB why do we need this post?
Well Service API is available OOTB, but there is specific way we need to authenticate to use that API. That is what we are going to show here.

Let me give a highlevel overview of how authentication works in Office365 Sharepoint site in this case.

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 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.