Learn SharePoint Framework development from our list of practical SPFx tutorials for SharePoint Online.
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…
If you’ve built even one SPFx web part that reads from a SharePoint list, you’ve run into this moment: you fetch the list, get back 500 rows you don’t need, and wonder, “Why can’t I just get the 10 items I actually want?” That’s exactly what this guide covers. I’ll walk you through every practical way to … 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…
If you’ve been building SharePoint Framework web parts for a while, you know one thing users always ask for: a clean drag-and-drop file upload experience. The default SharePoint upload UI works fine, but when you’re building a custom web part, you want full control. You want users to drop files onto a zone, see them … read more…
If you’ve ever scaffolded a new SPFx web part and stared at the file structure wondering, “Should I use Fluent UI v8 or v9?” — this guide is for you. I’ve been building SPFx solutions for a while now, and Fluent UI is one of those topics that sounds straightforward until you actually try to wire it … read more…
If you’ve been building SPFx web parts for a while, you’ve probably hit a wall at some point. You need to run some server-side code — maybe call a third-party API with a secret key, process a big dataset, or do something your SharePoint front-end just can’t do on its own. That’s exactly where Azure … read more…
If you’ve ever built an SPFx web part where users need to pick a Country first and then a State from that country — you already know the problem. Show all 50 states upfront, and you’ll confuse users. That’s exactly where a cascading dropdown saves the day. In this tutorial, I’ll walk you through building a cascading dropdown in … read more…
In many of my SharePoint projects, clients often ask for a simple way to display important upcoming dates directly on their intranet home page. Sometimes it’s a product launch, a company-wide event, a compliance deadline, an employee engagement program, or even a major organizational announcement. A countdown timer is one of those small features that … read more…
If you’ve ever pulled a date from a SharePoint list in an SPFx web part and ended up staring at something like 2026-05-05T09:30:00Z, you know, the frustration. SharePoint returns dates in UTC ISO 8601 format, and that raw string is never something you’d want to show a user. In this tutorial, I’ll walk you through every … read more…
If you’ve ever built a custom SPFx web part and wished you could show it only to certain people — like just the HR team, or only managers — you’re not alone. This is one of the most common requests I hear from SharePoint developers. The good news: it’s totally doable. And once you understand … read more…
If you’ve built custom forms in SharePoint Framework, you already know the pain — a user submits a form with a blank required field, or types random text into an email field, and suddenly your web part breaks or saves garbage data to a SharePoint list. Good form validation catches all of that before it … read more…
If you’ve ever worked on an SPFx project with a team, you’ve probably hit this problem: your serve.json has your personal SharePoint URL hardcoded, your colleague has a different tenant, and every time someone pulls the latest code from Git, something breaks. Sound familiar? That’s exactly what environment variables fix. And once you understand how they work … read more…
If you’ve been building SharePoint Framework solutions for a while, you already know Gulp. It’s been the backbone of every SPFx project since day one — running your builds, serving the workbench, packaging your .sppkg files. But that era is officially over. With SPFx v1.22, Microsoft replaced the Gulp-based toolchain with Heft — a config-driven build orchestrator from the Rush … read more…
