Ahmad Jad Alhakahmadjadalhak.hashnode.dev·Jan 16, 2025How to Use the useReducer Hook for Managing Complex State in SPFx Projects: Step-by-Step GuideState management is essential for creating dynamic and interactive components in SharePoint Framework (SPFx) solutions. While useState is a popular choice for managing state in React-based SPFx web parts, useReducer is better when the state logic bec...31 readssPfx
Nitesh Singhspfxdev.hashnode.dev·Dec 13, 2024Say Goodbye to Circular Dependency Issues in SPFx DevelopmentIntroduction: Recently I was working on a SharePoint Framework (SPFx) solution that needed multiple interconnected SPFX components. Everything seemed fine until a seemingly harmless update to one web part broke others. It was frustrating. Hours of de...software development
Sandeep P Sthesnippetguy.hashnode.dev·Dec 11, 2024Say Goodbye to SharePoint List Throttling Errors: Here’s How!Struggling with SharePoint’s 5,000-item list threshold? Don’t worry—you’re not alone. In this post, I’ll show you how to tackle this issue using a custom SPFx web part. Whether you’re a developer or an admin, this guide will walk you through a practi...316 readssoftware development
Nitesh Singhspfxdev.hashnode.dev·Nov 15, 2024Avoiding Performance Pitfalls in SPFx Development: How to Keep Your SharePoint Customizations Fast and Efficient 🚀Performance is critical for user experience in SharePoint Framework (SPFx) applications, where slow load times can lead to user frustration and reduced productivity. For developers customizing SharePoint, managing performance is an ongoing challenge....Avoid These Common SPFx Development Pitfalls in SharePoint CustomizationSharePoint
Sandeep P Sthesnippetguy.hashnode.dev·Nov 12, 2024🚀 Setting Up Tailwind CSS and shadcn/ui for SPFx ProjectsSetting up Tailwind CSS and Shadcn in a SharePoint Framework (SPFx) project may seem challenging, but I’m here to guide you through each step! We’ll start by setting up Tailwind CSS with PostCSS and Gulp, then add Shadcn components to give your SPFx ...10 likes·186 readsTailwind CSS
Ahmad Jad Alhakahmadjadalhak.hashnode.dev·Oct 6, 2024Step-by-Step Guide to Building a React QuickView with Adaptive Card Extensions in SPFx 1.20With the release of SPFx 1.20, developers now have greater flexibility when building Quick Views in Adaptive Card Extensions (ACE). The new update allows you to use HTML, React, or any front-end framework of your choice, moving beyond the limitations...3 likes·167 readsViva Conenctions: Mastring Adaptive Cards Extensions (ACEs)SPFx 1.20
$€®¥09@spfx-app.dev·Apr 12, 2024How to check whether the scheduling page feature is enabled in SPFxIn my current project, I have to find out if the "Schedule" feature for communication pages is turned on. Honestly, I'm not sure if my method, which I'm sharing here, is the correct or supported way because I haven't seen any other methods online. If...97 readssPfx
$€®¥09@spfx-app.dev·Dec 1, 2023How to create a Microsoft Fluent UI Searchable Dropdown Component with reactThe Fluent UI dropdown component provided by Microsoft is good. But unfortunately it does not support to "search" for items from the list. In this post, I will describe how to create a custom React component with the ability to filter the dropdown co...4.2K readsfluentui
$€®¥09@spfx-app.dev·Sep 7, 2023SPFx SharePoint Development: Quickly Generate List-Based Models Using a Single CommandIn a recent post, I shared my CLI @spfxappdev/cli which has some awesome features. Many of these features come from my other posts, like "My personal tips how to configure a SPFx project after creation" Today I published a new version of the CLI, v1....689 readssPfx
$€®¥09@spfx-app.dev·Aug 28, 2023My CLI for SPFx developmentIn my last post, I gave some personal tips on how to configure an SPFx project after it is created. And in that post, I mentioned a command-line interface (CLI) I am working on. And now I have released the first version with full documentation. UPDA...315 readssPfx
