Difference between revisions of "AngularJS tooling"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (→ES6) |
Karl Jones (Talk | contribs) (→TypeScript) |
||
| Line 37: | Line 37: | ||
== TypeScript == | == TypeScript == | ||
| + | |||
| + | TypeScript is a typed superset of JavaScript. | ||
| + | |||
| + | Compiled language, catches errors before runtime. | ||
| + | |||
| + | Includes features of ES6 but with type, as well as better tooling support. | ||
| + | |||
| + | TypeScript allows classes to be decorated with <code>@<Decorator</code>. | ||
== Typings == | == Typings == | ||
Revision as of 14:36, 31 December 2016
The AngularJS framework
Module loader
- Not required, but recommended.
- Load only what is needed
- Provide namespacing
- Don't need script tags
Modules provide translation between a module (file) and a pseudo module (wrapped function).
See AngularJS module.
Webpack
One of the most popular module loaders.
Allows any sort of file (JSON, CSS, etc.) to be imported as a module.
In addition to being useful for module loading, Webpack is also useful for the entire build process.
See Webpack.
ES6
ES6 is latest (2016) standard for JavaScript.
New features include:
- Module system
- New array methods
- Classes
- Multi-line templates
- Arrow functions
ES5
TypeScript
TypeScript is a typed superset of JavaScript.
Compiled language, catches errors before runtime.
Includes features of ES6 but with type, as well as better tooling support.
TypeScript allows classes to be decorated with @<Decorator.
