Category Archives: SPFx

Error If you are using still version 11.1 of SPFx you may fall in this error when running This is because you don’t have the right versions of Gulp and Yeomen Uninstall Install Try again

I usually use PnP JS to make my calls in a SPFx Webpart, this is a great framework, you can expand lookup fields simple and clean. The problem is you cannot use Project Fields in order to query 2 levels, let’s start with an example: In this case you are expanding Title from Workshop and Id from Participant, what about if Workshop have a relation with a City List? in this case you have to use projected fields to query a List from another List Projected Fields From Microsoft, an example I’m exploring a framework CamlJS from Andrei Markeev in order to smooth the user experience in TypeScript in a ReactJs WebPart. This framework was originally developed for JavaScript, so I ended up with some problems. First the result of the Caml Query add a perfix to the Object as you can see here $N_1 is the View and $o_1…

Read more

Wo doesn’t fall in Gulp erros, especially with: You may fall in this issue, no? Your web part will not appear in the toolbox. Please make sure “gulp serve” is running in a web part project. Please refresh the page once “gulp serve” is running. There is some workarounds to this like: Or in some especifique cases you have to delete the <homedir>/.gcb-serve-data folder but I´m going to give a live example. First of all I use PnP SPFx Yeoman generator, it’s pretty cool! Quoting This Yeoman generator provides improved governance for SharePoint Framework projects. It extends the out of the box Yeoman generator from Microsoft (@microsoft/generator-sharepoint) with recommended patterns and additional capabilities.For an optimized development workflow, it extends the capabilities for ReactJS, and Knockout projects and support for additional frameworks, such as HandlebarsJS, VueJS, Aurelia and Angular Elements. It also includes includes advanced code analysis and testing tools, which…

Read more

Summary If you have purely Yes/No tasks in order a Workflow to run then continue what it’s suppose to do, this is maybe something You’ll search. Don’t forget PnP JS save you large amount of lines of code, and is my recommend approach for Batching Calls. It Must run in the context of the Webpart, so you have to give him context. This code belongs to a Webpart with a ListView Control from the React PnP Controls and PnP Reusable property pane controls for the SharePoint. I didn’t create any Data Model Interface, that’s why I’m using Object.Keys and JSON.stringify from the REACT State. Loading property is for the UI Fabric Spinner. Installation I’m using SPFx version 1.8.2 PnP JS PnP React Controls PnP Property Controls The Web Part Properties and State Putting all together with PnP Property Controls REACT Component The Properties SCSS File TSX File…

Read more

Today we live in a world of of “Services”, The real deal is have focus on a Service and integrate our products. Microsoft AZURE It’s a really example of this new way of making global deals, innovate, learn and execute..

Read more

“It seems like H6 is the only rule written in uppercase. Renaming the file to lowercase fixes the bug.”

.gitignore file .npmignore file

Debian 8 is a minimum consuming resources. Comparing with Ubuntu (Mate) i have allocated < 1 GB instead of 1.6 GB on MATE. This is very nice because with 12 GB of ram, i can allocate 6GB to Windows 10 on VirtualBox and 3 vCores, instead of 2.


The real pain is configuring the environment to run npm and gulp so, here it is some tips:

sudo npm cache clean -f
sudo npm install -g n
sudo n stable
node -v
sudo npm rebuild node-sass


#Pnp JS Core Typings Related
sudo npm install typings -g
sudo npm install



  1. With Debian I have 65% of RAM instead of 80% in MATE;
  2. Windows 10 will not push your vCores to 100%

Comment if needed

Search for spfx in my blog

Read more

This article will help you to create a SharePoint WebPart using the new Framework SPFx and the PnP JS Core. My first though was how populate my PropertyPaneDropdown in the Properties Panel. After some research, there is and Interface, the IPropertyPaneDropdownOption that must be imported from the preview of ‘@microsoft/sp-client-preview’ This is great because you can populate OnInit before the DOM render. The other big deal is CRUD among Typescript. SPFx is flexibly enough to use your favorite Framework, but the preferred is React. All source code is in my Repository on GitHub, if i need help somehow please, comment here or Clone my project for SPFx demos CLONE INSTRUCTIONS DEMO

I just recently upgrade node.js on Linux for version v6.6.0, so all my #SPFx webparts stoped working, try to run the command bellow, worked for me @OfficeDev #SPFx-webparts Finally