This package can be utilized to make complex form with SPFx webpart which includes people picker or taxonomy picker.

Usage : Step 1) Download the ReactSPFxPnP.zip package and unzip it.

            Step 2) Run the below commands in Windows powershell from the location where package is unzipped.

 

PowerShell
Edit|Remove
npm i
 
PowerShell
Edit|Remove
gulp serve
 Step 3) â€‹Create a list name "Employee Registeration" in a SharePoint site and add columns specified in the below image. Or change the code to support your list.


On successful running of command, open sharepoint workbench
for e.g. https://<<your domain>>.sharepoint.com/sites/dev/_layouts/workbench.aspx
Please refer prequisite section of the below article, if you are setting up your environment for the first time.

https://social.technet.microsoft.com/wiki/contents/articles/51235.sharepoint-framework-aka-spfx-with-ckeditor5-pnp-js-officeuifabric-peoplepicker-and-much-more.aspx#Prerequisite

For Production deployment, go through the below documentation

Output