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 (Pr

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 methods Creating SPFX web part  Consume the Web API and  Implement CRUD operations in Spfx web part Test the web part Updating 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 s