Sharepoint Developer Blog

Here we will create a simple helpdesk app with Admin & user login. Sample  Admin Screen: (Percentage Complete & Task Status Fields enabled for admin in edit screen) Sample  User Screen: In this post we will learn about: Connect to SharePoint DataSource (we have more than 200 connectors) Office365users - Connector(Give details about current logedin User, Office365users.MyProfile().Mail) Screen - Create Screen with different templates(Blank,Scrollable, Success,Form, etc) Controls - (Image, Rectangle, Button, Lable, Icons(BackArrow,Circle,Plus,Trash)) Gallery -Control to Read Item from SharePoint(like GridView) Grouping Controls - Group multiple Controls as single control Forms - PowerApp provides forms to Edit/Display SPList item(we can change Default mode to New/Edit/View)           Events : Set (GlobalVariableName, ValueToAssign) - create new global variable Navigate (ScreenNameToNavigage,ScreenTransition.None) - Move between screens SubmitForm (FormName) - Add new/Update Item

Create new SPFx React webpart         Follow this post to create new SPFx solution & open it in VS Code.           Note: All file creation & Basic details of each files are available in this post. Final Output:      Here we will be getting all the SP list names into dropdown list & doing CRUD operations in the selected list. Install PnPJS:       Run this below command to install PnPJS. (Note: Here we use PnPJS Version 3, sp & graph objects have been deprecated. We will be using spfi         npm install @pnp/logging @pnp/common @pnp/odata @pnp/sp --save Create "pnpjsConfig.ts":                In PnPJS Version 3 sp  and  graph  objects have been deprecated and will need to be replaced ( link ). So we are using this new config file. (RightClick on webpart folder>newFile>pnpjsConfig.ts) webpart.ts: Initialize above file getSP() context in webpart.ts file onInit() method. Setup basic  code structure :        (i) Create State             Import state file in