SPFx with PnP JS: Simplifying SharePoint Development

PnP JS makes SharePoint development much easier. Instead of raw REST calls, you get a fluent, typed API.

Why PnP JS?

• Fluent API
• TypeScript support
• Batching built-in
• Handles authentication

Examples

import { sp } from "@pnp/sp";

// Get current user
const user = await sp.web.currentUser.get();

// Get list items with select and expand
const items = await sp.web.lists
  .getByTitle("Documents")
  .items
  .select("Title", "Author/Title")
  .expand("Author")
  .get();

// Batch multiple requests
const batch = sp.web.createBatch();
const list = sp.web.lists.getByTitle("Tasks");
list.items.getById(1).inBatch(batch).update({ Status: "Done" });
list.items.getById(2).inBatch(batch).update({ Status: "Done" });
await batch.execute();

References

• PnP JS Documentation