SharePoint Framework development tools and libraries
To get started with TypeScript, see the following resources:
- TypeScript Quick Start
- TypeScript Playground
- TypeScript Handbook
- TypeScript community on Stack Overflow
Node Package Manager (npm)
For more information about npm, see the npm documentation.
For more information about Node.js, see the following:
Gulp task runner
SharePoint client-side development tools use gulp as the build process task runner to:
- Run tools to call the bundling and minification tasks before each build.
- Compile LESS or Sass files to CSS.
For more information about gulp, see the following:
The development tool chain uses CommonJS for bundling. This enables you to define modules and where you want to use them. The tool chain also uses SystemJS, a universal module loader, to load your modules. This helps you to scope your web parts by making sure that each web part is executed in its own namespace.
For more information about webpack, see the following:
Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. The Yeoman SharePoint generator is available as part of the framework to kickstart new client-side web part projects.
For more information about Yeoman, see the following:
- Scaffold a web app with Yeoman
- List of available Yeoman generators
- Scaffold projects by using Yeoman SharePoint generator
The following are some common Yeoman generators that you can try, depending on your choice of framework:
Source code editors
SharePoint REST APIs
The SharePoint Framework provides key integrations with SharePoint experiences and targets web development. The SharePoint REST APIs enable you to interact with SharePoint and other workloads that shape your web part functionality.
We recommend that you become familiar with the following set of REST APIs:
Patterns and Practices
The Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP) initiative provides code samples, patterns, and other resources to help you transform your existing solution to the SharePoint Framework. Be sure to become familiar with the code samples and guidance that is available through the PnP effort.