Urgent.News

What's breaking now, across thousands of outlets.

Tech

Help wanted: validate a React room and resource capacity planner SPFx sample

A new read-only React sample is ready for the PnP SharePoint Framework webparts repository: Pull request: https://github.com/pnp/sp-dev-fx-webparts/pull/6487 Sample: samples/react-resource-capacity-planner/ The web part reads bounded SharePoint REST resource and reservation lists with GET only. It calculates daily and weekly utilization, capacity, deterministic overlap conflicts, available…

The PnP SharePoint Framework webparts repository has added a read-only React KPI Scorecard sample (<https://github.com/pnp/sp-dev-fx-webparts/pull/6478>). This web part reads a configured SharePoint list and displays up to six KPI cards, including current value and target, deterministic on-track, attention, at-risk, and unknown states, trend from the latest two observations, and optional date filtering.

It also includes loading, empty, access-denied, not-found, throttling, and refresh states using Fluent UI components and ensures keyboard-friendly status presentation.

The web part is thoroughly verified, with five Jest tests passing, TypeScript compiling, ESLint providing clean code, webpack building successfully, and the production .sppkg package validating. At this point, a tenant validation is sought. A contributor is requesting someone with a SharePoint Online tenant to test the web part with a representative KPI list and report the following:

1. Whether the list and field configuration works as documented.

2. Whether number and date values map correctly from common SharePoint column types.

3. Whether the threshold and trend states are understandable.

4. Whether the layout remains usable at narrow web-part widths.

A real tenant screenshot would be appreciated for the PR gallery validation. The contributor acknowledges lacking a suitable SharePoint Online tenant for creating an authentic screenshot, hence seeking community assistance. Positive or negative findings are welcomed, as they will aid in making the sample more useful before merge.

The source and contribution PR can be found at <https://github.com/pnp/sp-dev-fx-webparts/pull/6478> and <https://github.com/pnp/sp-dev-fx-webparts/pull/6478> respectively. For further reference, the Microsoft SPFx web parts guidance is available at <https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/overview-client-side-web-parts> with the hashtag #spfx #react #opensource.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

This story

This is one outlet's version. Read the fullest account.

Read the original at dev.to →

More in Tech

Meets & Greets. Hi everyone!

Hello all. I am Nomad. I'm a bit of a freelance self taught website designer and I like to share website design ideas and concepts. I have been following website design and development since 2001.

Building Médicos por Venezuela: High-Performance Non-Profit Tech Stack

Connecting patients with healthcare specialists in areas with unstable infrastructure requires web applications to be fast, reliable, and secure.

  • Médicos por Venezuela uses Fast API and Python for high-performance backend.
  • Next.js framework enables fast frontend with server-side rendering and static generation.
  • AWS Amplify and EC2 instances host platform, ensuring global distribution and security.

More from Sunday 30 August →