Learn SharePoint Framework development from our list of practical SPFx tutorials for SharePoint Online.
The error Module ‘”@pnp/sp/presets/all”‘ has no exported member ‘sp’ means your code is PnPjs v2, but npm installed v3 or v4. Those versions dropped the global sp object. Create your own instance with spfi() instead: That returns the list items as plain JSON. No sp.setup(), no .get(). In this tutorial, we’ll reproduce the Module ‘”@pnp/sp/presets/all”‘ … read more…
If you’ve built a SharePoint Framework web part that displays list data, sooner or later someone’s going to ask: “Can I download this as an Excel file?” The answer is yes — and it’s actually not that hard once you know which libraries to use and how to wire them together. In this tutorial, I’ll walk … read more…
If you’ve been working with SharePoint Framework for a while, you already know that keeping your SPFx version current isn’t just a “nice to have.” It keeps your solutions compatible with the latest SharePoint Online changes, patches security issues, and unlocks new features. But the upgrade process can feel a bit overwhelming if you’re staring … read more…
Say you run sales operations and your SharePoint list holds 210 orders. The shipping manager wants only the Shipped orders worth $400 or more on her page, which is two rows. To filter SharePoint list items in SPFx, send an OData filter with the request, for example .filter(“OrderStatus eq ‘Shipped’ and OrderTotal ge 400”) in … read more…
If you’ve ever built an SPFx web part and noticed it looks like an uninvited guest — sporting a bright blue palette on a red-themed SharePoint site — you already know why reading the current theme matters. Your web part should blend in, not stick out like a sore thumb. In this tutorial, I’ll walk … read more…
