Posts

Showing posts from January, 2018

Creating SharePoint Framework Client Web Part and solving the challenges with _RequestDigest Token value using React

Image
Recently I decided to add React and Angular to my portfolio for developing solutions for SharePoint. I'm starting with React and it has been an interesting journey so far. I started with React because Angular 2.x/4.x which is a major leap from Angular 1.x seems to have a few challenges integrating with SharePoint framework as Andrew Connell explains here. Though these challenges are being addressed with the roll out of Angluar 5 as seen in another of Andrew Connell post: Solve the SharePoint Framework + Angular Challenge with Angular 5.0 Elements. But as for me, I have decided to wait until Angular 5 is stable for SharePoint framework so that my learning can be seamless. 

In this post I will be sharing what I have learnt in my few days of using React in SharePoint framework to build client web part. If you are considering learning React to work with SharePoint framework, these are some of the key concepts you will first need to understand to get started:

State Props (Properties)setS…

Performing CRUD operations on Azure SQL Database using SharePoint Framework Web Part and ASP.NET Web API - Part 2

Image
In part 1 of this article we looked at how to set up SQL database in Azure, create a simple get operation in web API and publish the API to Azure. You can read part 1 here:
Performing CRUD operations on Azure SQL Database using SharePoint Framework Web Part and ASP.NET Web API - Part 1
In this post we will be further developing our web API to including Post, Update and Delete methods, then call the API within an SPFX web part.

Agenda for this post are:
Update our Web API to include Post, Update and Delete methodsCreating SPFX web part Consume the Web API and Implement CRUD operations in Spfx web partTest the web partUpdating the API  If you have created a Web API solution as described in part 1, go ahead and copy the code below to update your solution, otherwise go back to part 1 to create a web API solution.  Your final code should look like this:
Right-click on your project and publish to Azure as described in part 1.

Creating SPFX web part The first step is to set up your dev environment fo…