Introduction to TypeScript

Agenda

1. Functionality
2. Tools
3. Compatibility
4. Alternatives

TypeScript features

• Developed and maintained by Microsoft
• Superset of ES6
  • Modules (TS 1/2, TS 2/2, JS 1/2, JS 2/2)
• Types 💓
  • Basic (TS, JS)
  • Classes and Interfaces (TS, JS)
  • Generics (TS, JS)
  • Enums (TS, JS)
• Linting ❤
• Decorators
• (Mostly) readable code after transpilation
  • Debuggable with Sourcemaps

Tools

• TSLint
• @types (w/NPM - 3800+ packages)
• webpack and Rollup
• IDEs
  • WebStorm
  • Visual Studio Code
  • … and more
• Testing
  • Karma
  • Mocha & Chai
  • Jest

Compatibility with frameworks

• Angular 🥇
• Vue 🥇
• AngularJS 🥇
• React 🥇 > ? > 🥈

Alternatives

• Flow
• elm
• CoffeeScript
• Dart
• (Other languages that transpile to JS)

In conclusion

1. Feels a bit cumbersome in the beginning
2. Works for small and big projects
3. Works great in teams
4. Maybe not the best match for React
5. Works with Enonic XP

The end

Thank you for your attention ^_^

• Presentation: pres.icanhasweb.net/bouvet-typescript-intro
• Email: arne.hassel@bouvet.no
• Twitter: @megoth
• Github: megoth
• Website: I Can Has Web