Comprehensive collection of tools, libraries, templates, and resources to accelerate your SharePoint development workflow and boost productivity.
Quick Start Guide
Everything you need to get started with SharePoint development in one place.
Essential Developer Tools
Development Tools
Visual Studio Code
Primary IDE for SPFx development
Node.js
JavaScript runtime for SPFx toolchain
Yeoman Generator
SPFx project scaffolding tool
SharePoint Workbench
Local and online testing environment
Libraries & Frameworks
PnPjs
Fluent JavaScript API for SharePoint
Office UI Fabric React
Microsoft's React UI library
React
Primary frontend framework for SPFx
TypeScript
Type-safe JavaScript development
Resource Categories
Organized resources to help you find exactly what you need for your SharePoint development journey.
SharePoint Framework (SPFx) Tools
Essential tools and utilities for SPFx development including yeoman generators, build tools, and debugging utilities.
PnP Libraries & Tools
Community-driven libraries and tools from the Microsoft 365 & SharePoint Community (PnP) for enhanced development productivity.
Visual Studio Code Extensions
Must-have VS Code extensions for SharePoint and modern web development to streamline your coding experience.
Testing & Debugging Tools
Comprehensive testing frameworks, debugging tools, and performance analysis utilities for SharePoint solutions.
Design & UI Resources
UI libraries, design systems, icons, and templates specifically for SharePoint and Microsoft 365 applications.
Documentation & Learning
Official documentation, learning paths, sample code repositories, and community resources for continuous learning.
Learning Resources
Official Microsoft Documentation
DocumentationComprehensive documentation for SharePoint Framework, Microsoft Graph, and Office 365 development.
Community-driven samples, tools, and guidance for SharePoint and Microsoft 365 development.
SharePoint Framework Training
TrainingComprehensive training modules and hands-on labs for learning SharePoint Framework development.
Interactive tool for exploring Microsoft Graph APIs and testing queries with real data.
Popular Code Snippets
SPFx Web Part Basic Structure
import * as React from 'react';
import { IMyWebPartProps } from './IMyWebPartProps';
export default class MyWebPart extends React.Component<IMyWebPartProps, {}> {
public render(): React.ReactElement<IMyWebPartProps> {
return (
<div>
<h1>Hello {this.props.title}!</h1>
</div>
);
}
}SharePoint REST API Call
import { sp } from "@pnp/sp/presets/all";
// Get list items
const items = await sp.web.lists
.getByTitle("Documents")
.items
.select("Title", "Modified")
.orderBy("Modified", false)
.top(10)
.get();Stay Updated with Latest Resources
Join our community to get notified about new tools, resources, and SharePoint development insights.
Have a resource suggestion or want to contribute?
We're always looking to expand our resource library with community contributions.