Bonus: Migrate SPFx Class → Function Components (Hooks)
Step-by-step migration from legacy class components to modern function components (using hooks).
8 posts
Step-by-step migration from legacy class components to modern function components (using hooks).
When to use class components vs function components with hooks in SPFx.
A reusable abortable fetch hook for SPFx to prevent setState after unmount.
Model complex state transitions in SPFx with useReducer.
Share data across SPFx components with the Context API and useContext.
Access DOM and persist values without re-renders in SPFx using useRef.
Handle side-effects and subscriptions in SPFx with useEffect.
Managing local component state in SPFx web parts with useState.