Alert This post is over a year old, some of this information may be out of date.

Search web part created with the SharePoint Framework


I have created a new version of this web part that makes use of Handlebars templates. You can check out the code from this web part here:

Older version of the web part

Today I spend some time developing with the new SharePoint Framework. I must say the SharePoint team did an amazing job with creating the Yeoman template. Of course, there are still some hiccups with it, but the team is aware of it and they expect feedback. You can do this in the GitHub issue list: SPFx Issue list. By providing this feedback the SharePoint team can make it better for the final release.

Search web part

I learn new tools or programming languages by getting my hands dirty by digging through the code and writing a sample application. This is also what I have done for the SharePoint Framework. To learn how to use it I came up with the idea to create a search web part (of course search).

Show image Search wp SPFx
Search wp SPFx

I uploaded my web part to GitHub in order for you to try it out:

Info: this web part is built with React and Flux. Feel free to explore and to provide feedback. Be aware that it is just a first build, so it could still have some bugs in it.


Since the initial release of the web part it has got a lot of useful updates that show the power of the SharePoint Framework. Since version 0.0.2 the web part allows you to use external templates. Since October 10, 2016 I released a template generator which you can use to build your own external templates. Go find it here: Search Web Part SPFx Template Generator.

You can also find this web part in the Microsoft SharePoint Framework client-side web part samples & tutorial materials repository: React Search Web Part.


Back to top