Difference between revisions of "AngularJS tooling"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(TypeScript)
(Typings)
Line 49: Line 49:
  
 
== Typings ==
 
== Typings ==
 +
 +
types is an NPM package to handle the type definitions associatiated with third-party libraries.
  
 
== See also ==
 
== See also ==

Revision as of 14:40, 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.

See also TypeScript.

Typings

types is an NPM package to handle the type definitions associatiated with third-party libraries.

See also