Development + SPFx resources

Official resources

• Patterns and Practices Resources
• SharePoint development docs
  • SPFx docs
  • Microsoft Graph docs
  • Microsoft Graph Explorer - try out Graph queries
  • Microsoft Graph SDKs
  • Microsoft 365 Agents Toolkit (formerly Teams toolkit)
  • Site designs and scripts
  • List formatting
  • Power Platform docs
• Microsoft Learn for Developers - structured learning paths.
• Microsoft Adoption Centre - Developers
• MS 365 Dev Blog

Tools

• MS 365 Developer Program - get a test environment (free E5 sandboxes are now limited to Visual Studio subscribers)
• Sign up for your own Business Basic license - a cheap dev/test tenant (~USD 7/mo)
• SP Editor
• For back-end, consider Azure Integration Services (Functions, Logic Apps, API Management, more integration services)

Useful templates, samples, packages

• PnP Starter Kit (Microsoft 365)
• PnP SPFx Webparts
• Sprocket 365 (docs) – note, I helped make this, it’s a very low cost collection of high quality, maintained/supported SPFx webparts.
• Vendor comparison (neutral/free) - Clearbox

Github resources

• MS365 OfficeDev GitHub & SharePoint GitHub
• MS 365 PnP GitHub org
• Awesome SharePoint (legacy); more Awesome lists under Web development

React components

• Fluent UI React (by Microsoft)
• PnP Reusable Controls
• More component libraries, forms and charts under Web development

Testing & dev tools

• CLI for Microsoft 365 - tenant management and SPFx project upgrades
• PnPjs - fluent SharePoint/Graph library for SPFx
• SP Editor
• More at this reddit thread

Design

See also: UI design for UX reading, design tools, type and colour.

See DevOps & automation for CI/CD and monitoring, Web development for frameworks and component libraries, and communities for blogs and feeds.