Creating people webpart using Sharepoint list

%3CLINGO-SUB%20id%3D%22lingo-sub-1181483%22%20slang%3D%22en-US%22%3ECreating%20people%20webpart%20using%20Sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1181483%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20everybody%20%3A)%3C%2Fimg%3E%20I'm%20doing%20my%20first%20webpart%20using%20React.%20My%20goal%20is%20to%20fetch%20all%20the%20users%20from%20a%20Sharepoint%20list%20I%20created%20and%20display%20them%20in%20the%20webpart.%20Why%20I'm%20using%20this%20approach%20and%20not%20getting%20user%20data%20from%20Office%20Graph%20is%20that%20users%20data%20include%20lots%20of%20customized%20information%20like%20projects%20and%20skills%20and%20lots%20of%20other.%20I%20would%20need%20some%20help%20regarding%20how%20to%20display%20the%20data%20and%20other%20search%20and%20sorting%20related%20stuff.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'd%20like%20to%20sort%20and%20display%20the%20users%20by%20their%20job%20type%20(designer%20etc.).%20So%20there%20would%20be%20a%20header%20like%20Designer%20and%20then%20the%20users%20who%20are%20designers%20and%20so%20forth.%20How%20is%20this%20accomplished%20in%20data%20perspective%20when%20it%20is%20fetched%20with%20SP-HTTP%3F%20Should%20I%20fetch%20everything%20in%20one%20go%20and%20then%20do%20some%20sorting%20in%20webpart%20creating%20different%20sets%20and%20loop%20through%20those%20or%20should%20I%20do%20multiple%20SP-HTTP%20fetches%20to%20every%20job%20type%3F%20This%20same%20is%20related%20with%20search%20and%20filtering%20when%20I'm%20going%20to%20implement%20those.%20When%20I%20search%20for%20example%20is%20the%20once%20fetched%20data%20implemented%20in%20this%20ore%20do%20I%20have%20to%20do%20multiple%20fetches.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOther%20things%20that%20came%20to%20my%20mind%20is%20that%20what%20layout%20method%20to%20use%3F%20I'd%20like%20to%20have%20the%20users%20in%20grid%20like%20structure.%20Would%20I%20build%20a%20grid%20using%20UI-Fabric%20or%20use%20some%20other%20approach%3F%20I'm%20also%20using%20Persona%20(UI-Fabric)%20to%20present%20the%20user%20and%20I'd%20like%20to%20every%20Persona%20behave%20as%20a%20button%20that%20is%20clickable%20so%20I%20can%20see%20detailed%20information%20about%20the%20user.%20Should%20I%20use%20Persona%20wrapped%20inside%20button%20element%20or%20something%20else%3F%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20your%20help%20in%20advance%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1181483%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Visitor

Hello everybody :) I'm doing my first webpart using React. My goal is to fetch all the users from a Sharepoint list I created and display them in the webpart. Why I'm using this approach and not getting user data from Office Graph is that users data include lots of customized information like projects and skills and lots of other. I would need some help regarding how to display the data and other search and sorting related stuff. 

 

I'd like to sort and display the users by their job type (designer etc.). So there would be a header like Designer and then the users who are designers and so forth. How is this accomplished in data perspective when it is fetched with SP-HTTP? Should I fetch everything in one go and then do some sorting in webpart creating different sets and loop through those or should I do multiple SP-HTTP fetches to every job type? This same is related with search and filtering when I'm going to implement those. When I search for example is the once fetched data implemented in this ore do I have to do multiple fetches.

 

Other things that came to my mind is that what layout method to use? I'd like to have the users in grid like structure. Would I build a grid using UI-Fabric or use some other approach? I'm also using Persona (UI-Fabric) to present the user and I'd like to every Persona behave as a button that is clickable so I can see detailed information about the user. Should I use Persona wrapped inside button element or something else? 

 

Thanks for your help in advance :)

0 Replies