SharePoint Unite 2017 Session

1. Elio Struyf
Waldek Mastykarz
October 26th, 2017
TypeScript for SharePoint
Developers

3. What is TypeScript?

4. It’s a strongly-typed superset
of JavaScript

5. Benefits of using TypeScript
• Allows for large-scale JavaScript applications
• Follows ECMAScript future proposal
• Supports plain-old JavaScript
• Not excluding any JavaScript feature
• Improved consistency
• IDE support (e.g. Intellisense)
• Compile-time type checking

6. Benefits of using TypeScript

7. Hey, show us some code!

8. How to use TypeScript in SharePoint projects

9. Where to use it?
• SharePoint Framework
• JSLink
• Display templates
• CEWP / SEWP
• Custom actions
• Single Page Application
• Add-ins

10. Prerequisites
VSCode
• Node.js
• npm
• TypeScript compiler
Visual Studio
• TypeScript add-in for VS
• NuGet
• MSBuild targets configuration

11. When to use what?
VSCode
• SharePoint Framework
• JSLink
• Display templates
• CEWP / SEWP
• Custom actions
• Single Page Application
Visual Studio
• SharePoint Framework
• Add-ins

12. Using TypeScript in VSCode

13. - Install: npm install -g typescript
- Create a TS file
- Run: tsc index.ts --target ES5
- Use the JS file
Steps to start
writing

14. Tip: use a tsconfig.json file to
simplify things

16. But, how do you get
intellisense?

17. By declaration / definition
files: *.d.ts

18. npm install @types/<module> --save-dev

19. Display
Templates
Demo

20. Using TypeScript in Visual
Studio

21. But, how do you get
intellisense?

22. Use NuGet to install
definitions

23. Add-inDemo

24. Questions?