Product / Knowledge Base / 10. Solution Architecture (Reference)

10. Solution Architecture (Reference)

User & Administration Guide — Version 1.0.0.0

Guide summary

People Hub Enterprise is a single SPFx 1.21.1 solution with React 17, Fluent UI v9, and Microsoft Graph via MSGraphClientV3.

On this page

10.1 Deployment Surfaces

Surface Component Host context
SharePoint page People Hub Enterprise Directory / Org Chart web parts sharepoint
Teams channel app Configurable channel tabs teams
Viva Connections People Hub Enterprise Adaptive Card Extension viva

10.2 Solution Components

  • People Hub Enterprise Directory — search, filters, views, celebrations, export, profile drawer.
  • People Hub Enterprise Org Chart — interactive hierarchy with zoom, pan, lazy expand, PDF/print.
  • People Hub Enterprise Team Members — Microsoft 365 group membership for team context.
  • People Hub Enterprise ACE — Viva Connections card with quick view directory.

10.3 Data Layer

createPeopleService() returns a cached singleton — either PeopleService (live Graph) or MockPeopleService (local development). GraphCache uses in-memory storage backed by sessionStorage. All user queries filter to userType eq 'Member'.

10.4 Security and Data Boundaries

Directory data is read-only from Microsoft Graph and remains in your tenant. People Hub Enterprise does not copy employee profiles to an external database. Optional subscription checks call the Chronodat subscription API for licensing only.

People Hub Enterprise feature grid
People Hub Enterprise — SPFx solution components and Microsoft 365 integration.